FusionCharts XT如何点击图例图标隐藏图表序列

作者:控件中国网   出处:控件中国网   2015-08-31 10:51:23   阅读:8

在图表应用中,经常一个图表绘制区域内会有多个图表序列,客户为了更清晰直观地观察某一图表的变化和数据,需要对其他其他图表进行隐藏,FusionCharts XT为客户提供了该功能,当客户点击图例中某一图表的图标时,会隐藏该图表,再次点击时该图表又会出现,具体可以参考下面的部分代码:

{
    "chart": {
        "caption": "Comparison of Quarterly Revenue",
        "subCaption": "Last year Vs This year",
        "xAxisname": "Quarter",
        "yAxisName": "Revenue (In USD)",
        "numberPrefix": "$",
        "theme": "fint",
        "legendBgColor": "#CCCCCC",
        "legendBgAlpha": "20",
        "legendBorderColor": "#666666",
        "legendBorderThickness": "1",
        "legendBorderAlpha": "40",
        "legendShadow": "1"
    },
    "categories": [
        {
            "category": [
                {
                    "label": "Q1"
                },
                {
                    "label": "Q2"
                },
                {
                    "label": "Q3"
                },
                {
                    "label": "Q4"
                }
            ]
        }
    ],
    "dataset": [
        {
            "seriesname": "Last Year",
            "initiallyHidden": "1",//初始化时就可以隐藏该图表
            "data": [
                {
                    "value": "10000"
                },
                {
                    "value": "11500"
                },
                {
                    "value": "12500"
                },
                {
                    "value": "15000"
                }
            ]
        },
        {
            "seriesname": "This Year",
            "data": [
                {
                    "value": "25400"
                },
                {
                    "value": "29800"
                },
                {
                    "value": "21800"
                },
                {
                    "value": "26800"
                }
            ]
        }
    ]
 

Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat