项目中碰到的一个需求,fusioncharts图表初始加载出来的时候只显示一个图例,其他多余的隐藏掉,在网上找了几个,发现无法实现我需要的效果,于是去看了官方的api,找到了官方的例子,下面作个记录,以方便查找:
"dataset": [
{
"seriesname": "Last Year",
"initiallyHidden": "1", //隐藏Legend
"data": [{"value": "15000"}
]
},
{
"seriesname": "This Year",
"data": [{ "value": "25400"}]
}
]
主要是"initiallyHidden": "1",添加到需要隐藏的Legend就好了。
版本:v3.4
数据格式:json
官网例子链接:
http://docs.fusioncharts.com/tutorial-configuring-your-chart-legend.html
分享到:
相关推荐
<dataset seriesName="Series A"> </dataset> <dataset seriesName="Series B"> </dataset> ``` 在上述XML中,有两个数据集,分别代表Series A和Series B,它们各自包含两个数据项。 总的来说,...
<dataset seriesName="收入" color="AFD8F8"> </dataset> <dataset seriesName="支出" color="F6BD0F"> </dataset> ``` **折线图及其波动效果** 折线图是一种常用的数据可视化方法,尤其适合展示...
<dataset seriesName="销售额"> ... </dataset> ``` 5. **标签** `<set>`标签是数据点的载体,其`value`属性表示数据值,`label`属性可提供附加信息。如果需要,还可以通过`tooltext`属性为数据点添加交互...
{ "seriesname": "销售额", ... }, { "seriesname": "利润", ... } ], ... }); ``` ### 8. 移动优化 FusionCharts自动适应各种屏幕尺寸,包括手机和平板设备。对于移动优化,可以利用触控事件和响应式设计,...
"seriesname": "Q1", "data": [40, 45, 50] }, { "seriesname": "Q2", "data": [55, 60, 65] } ] } }); chart.render(); ``` **3. 图表交互功能** FusionCharts支持多种交互功能,如点击图表元素获取详细...
{"seriesname": "2018年", "data": [{"value": "15000"}, {"value": "12000"}, {"value": "16000"}]}, {"seriesname": "2019年", "data": [{"value": "3000"}, {"value": "2000"}, {"value": "4000"}]} ] } ``` ...
"seriesname": "Series 1", "data": [ {"value": "50", "link": "http://example.com/page1"}, {"value": "60", "link": "http://example.com/page2"} ] } ] } ``` 在这里,`link`属性指定了每个柱状图...
<dataset seriesname="Sales"> </dataset> ``` 在这个例子中,`<chart>`是根元素,包含了图表的相关信息。`<categories>`表示分类,每个`<category>`标签代表一个分类标签。`<dataset>`表示数据集,每个`...
每个数据系列都有自己的属性,如`name`定义系列名称,`data`包含系列的具体数值。你可以通过`showValues`参数控制是否显示数据点的值,而`use3Dlighting`可以开启3D光照效果,增强视觉冲击力。 颜色管理也是...
`dataset`标签则包含了具体的数据集,这里的`seriesName`属性表示数据系列的名称(如2015年的收入),而每个`set`子标签则表示该系列的一个数据点,其`value`属性存储了具体的数值。 这个3D双柱状图示例还展示了...
<dataset seriesName='2012'> ... </dataset> <dataset seriesName='2013'> ... </dataset> ``` XML数据中,`chart`元素包含了一系列属性,用于配置图表的外观和行为,如标题、坐标轴名称、字体、颜色等...
每个`<set>`标签代表一个数据点,其`value`属性表示数值,`seriesName`表示系列的名称。 在这个例子中,我们有两个数据系列('2015'和'2016'),分别代表两年的收入。每个系列有12个数据点,对应一年中的12个月份。...
接下来,有两个`<dataset>`标签,分别代表2012年和2013年的数据,它们的`seriesName`属性定义了系列名称。每个`<dataset>`内有七个`<set>`标签,对应一周七天的数据点。 这个示例中的MSBar2D图将清晰地展示2012年与...
"seriesname": "2019年", "data": [100, 200, 150, 250, 300] }, { "seriesname": "2020年", "data": [150, 250, 200, 350, 400] } ] } ``` 6. **图表交互**: FusionCharts Free支持各种交互功能,如工具...
"seriesname": "曲线1", "data": [{ "value": "23" }, { "value": "44" }, ...] }, { "seriesname": "曲线2", "data": [{ "value": "15" }, { "value": "33" }, ...] } ] } ``` FusionCharts支持多种图表...
`<categories>`标签定义了图表的类别(一周的每一天),而`<dataset>`标签则代表数据集,每个数据集都有一个系列名称(`seriesName`)和对应值(`value`)的集合,分别表示2015年和2016年的数据。 在`<dataset>`...
"seriesname": "销售额", "data": [120, 130, 140, 150, 170, 160] "yAxis": "1" // 关联到主Y轴 }, { "seriesname": "利润", "data": [20, 25, 30, 35, 40, 45] "yAxis": "2" // 关联到副Y轴 } ] } ``` ...