如何在FusionCharts中绘制多系列柱状图

问题描述 投票:0回答:2
c# javascript fusioncharts
2个回答
2
投票

尝试修改:

 var myChart = new FusionCharts("Column3D", "myChartId", "400", "300");

搭配:

 var myChart = new FusionCharts("MSColumn3D", "myChartId", "400", "300"); 

Column3D
用于单系列,
MSColumn3D
用于多系列。


0
投票

多系列图表请参考以下链接https://www.fusioncharts.com/dev/chart-guide/standard-charts/multi-series-charts

请检查数据来源,数据已更改为MS图

 dataSource: {
  "chart": {
    "theme": "fusion",
    "caption": "Comparison of Quarterly Revenue",
    "xAxisname": "Quarter",
    "yAxisName": "Revenues (In USD)",
    "numberPrefix": "$",
    "plotFillAlpha": "80",
    "divLineIsDashed": "1",
    "divLineDashLen": "1",
    "divLineGapLen": "1"
  },
  "categories": [{
    "category": [{
      "label": "Q1"
    }, {
      "label": "Q2"
    }, {
      "label": "Q3"
    }, {
      "label": "Q4"
    }]
  }],
  "dataset": [{
    "seriesname": "Previous Year",
    "data": [{
      "value": "10000"
    }, {
      "value": "11500"
    }, {
      "value": "12500"
    }, {
      "value": "15000"
    }]
  }, {
    "seriesname": "Current Year",
    "data": [{
      "value": "25400"
    }, {
      "value": "29800"
    }, {
      "value": "21800"
    }, {
      "value": "26800"
    }]
  }],
  "trendlines": [{
    "line": [{
      "startvalue": "12250",
      "color": "#5D62B5",
      "displayvalue": "Previous{br}Average",
      "valueOnRight": "1",
      "thickness": "1",
      "showBelow": "1",
      "tooltext": "Previous year quarterly target  : $13.5K"
    }, {
      "startvalue": "25950",
      "color": "#29C3BE",
      "displayvalue": "Current{br}Average",
      "valueOnRight": "1",
      "thickness": "1",
      "showBelow": "1",
      "tooltext": "Current year quarterly target  : $23K"
    }]
  }]
}

演示链接

© www.soinside.com 2019 - 2024. All rights reserved.