fusioncharts 3.2.1 堆积图

FusionCharts 3.2.1 支持堆积图的创建，可以通过设置不同数据系列的堆积方式来展示数据的分布情况。下面是一个简单的堆积柱状图的示例代码：

<div id="chartContainer">图表将在此处显示</div>
<script>
  FusionCharts.ready(function () {
    var chart = new FusionCharts({
      type: "stackedcolumn2d",
      renderAt: "chartContainer",
      width: "500",
      height: "300",
      dataFormat: "json",
      dataSource: {
        chart: {
          caption: "销售额",
          subCaption: "按月份统计",
          xAxisName: "月份",
          yAxisName: "销售额",
          theme: "fusion",
        },
        categories: [
          {
            category: [
              { label: "1月" },
              { label: "2月" },
              { label: "3月" },
              { label: "4月" },
              { label: "5月" },
              { label: "6月" },
            ],
          },
        ],
        dataset: [
          {
            seriesname: "北区",
            data: [
              { value: "10000" },
              { value: "12000" },
              { value: "15000" },
              { value: "18000" },
              { value: "20000" },
              { value: "22000" },
            ],
          },
          {
            seriesname: "南区",
            data: [
              { value: "8000" },
              { value: "10000" },
              { value: "12000" },
              { value: "14000" },
              { value: "16000" },
              { value: "18000" },
            ],
          },
        ],
      },
    });
    chart.render();
  });
</script>

在这个例子中，我们创建了一个堆积柱状图，展示了两个数据系列“北区”和“南区”的销售额按月份的统计情况。可以看到，“北区”和“南区”的销售额堆积在一起，方便比较不同数据系列的贡献度。