使用FusionCharts绘制多折线图

女爷i 2022-06-18 10:37 189阅读 0赞

制作多折线图流程：  
在data.xml中需要生成如下数据：

data.ashx生成的Xml文件：

<chart>  
<categories >  
<category label='1' />  
<category label='2' />  
<category label='3' />  
<category label='4' />  
<category label='5' />  
</categories>  
<dataset seriesName='办公室' >  
<set value='0' toolText='办公室' />  
<set value='3' toolText='办公室' />  
<set value='0' toolText='办公室' />  
<set value='2' toolText='办公室' />  
<set value='0' toolText='办公室' />  
</dataset>  
<dataset seriesName='儿童世界管理部' >  
<set value='5' toolText='儿童世界管理部' />  
<set value='0' toolText='儿童世界管理部' />  
<set value='0' toolText='儿童世界管理部' />  
<set value='3' toolText='儿童世界管理部' />  
<set value='0' toolText='儿童世界管理部' />  
</dataset>  
</chart>

apsx中的代码：

<html><head>

*<title></title>  
<script src="FusionCharts.js" type="text/javascript"></script>  
<script src="MSLine.swf" language="javascript" type="text/javascript"></script>  
</head>  
<body>  
<div id="chartdiv1" align="center">  
</div>  
<script type="text/javascript">  
var chart = new FusionCharts("MSLine.swf", "ChartId", "850", "400", "0", "0");  
chart.setDataURL("data.ashx");  
chart.render("chartdiv1");  
</script>  
</body>  
</html>*

*效果如下图：*

*![28224157-8ddad1f8d53548a086854581c0daf06c.jpg][]*

[28224157-8ddad1f8d53548a086854581c0daf06c.jpg]: /images/20220618/63f94a65b91c4716a997b543c75c8604.png

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在Python Plotly中使用Plotly Express绘制多折线图？

Plotly是Python中的开源绘图库。Python用户可以使用Plotly生成不同类型的交互式基于Web的图表，包括科学图表，3D图形，统计图表，财务图表等。在本教程中

比眉伴天荒/ 2024年03月29日 16:00/ 0 赞/ 48 阅读

相关折线图的绘制

1. to\_datetime import pandas as pd unrate = pd.read_csv('unrate.c

小咪咪/ 2023年06月19日 13:30/ 0 赞/ 22 阅读

相关 layui做折线图_iOS 绘制漂亮的折线图

效果图是这样的： ![Image 1][] 关键是在基本策略是描点和连线。折线基础版本，我找到网上的第三方，UUChart 。特点是朴素，简单，扩展性强。

待我称王封你为后i/ 2023年01月08日 08:20/ 0 赞/ 178 阅读

相关使用 Matplotlib 给折线图绘制置信区间

最近在做数据分析过程中，需要探究属性和目标变量的关系，需要在绘制的折线图中给出其置信区间。这个时候，我们可以使用plot.fill\_between()函数来实现。其具体参

心已赠人/ 2022年12月19日 08:53/ 0 赞/ 374 阅读

相关 php 折线图canvas,canvas绘制折线图(仿echarts)

1 2 3 4 5 echarts绘制 6 7 8 9 10 varscale= 2;11 varcanvas遇新是直朋能到=document.getEle

╰+攻爆jí腚メ/ 2022年11月18日 08:30/ 0 赞/ 246 阅读

相关 ECharts绘制折线图

首先看实现好的页面 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4

太过爱你忘了你带给我的痛/ 2022年11月10日 14:25/ 0 赞/ 281 阅读

相关使用FusionCharts绘制多折线图

制作多折线图流程：在data.xml中需要生成如下数据： data.ashx生成的Xml文件： <chart> <categories > <categ

女爷i/ 2022年06月18日 10:37/ 0 赞/ 190 阅读

相关 FusionCharts制作3D柱状图和折线图

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="U

分手后的思念是犯贱/ 2022年04月11日 08:29/ 0 赞/ 242 阅读

相关 MATLAB折线图的绘制

clear clc x=10:10:90; y1=[0.4488 0.5122 0.5829 0.4912 0.5062 0.6175

你的名字/ 2022年02月15日 04:40/ 0 赞/ 399 阅读

相关 python 折线图绘制

利用plt中plot绘制折线图的代码 import pandas as pd import os os.chdir("C:\\Users\Admini

分手后的思念是犯贱/ 2021年11月05日 04:28/ 0 赞/ 377 阅读