FusionCharts的未能利用相同的数据源不同的图表

问题描述 投票:0回答:1

我的要求是动态的基础上是chartType和具体格式化dataSet但FusionChart没能做到这一点的网络服务响应绘制图表。

在下面的例子中,让我们假设数据集的格式是相同的所有图表类型,如(行,列,堆叠等),但是当我更改图表类型它显示无可用数据

*注:同样的事情,我在HighCharts已经实现,但我的客户被强制我们使用融合图表

export const getChartOptions = (chartOptions) => {
    return {
        chartConfig: {
            type: chartOptions.type,
            dataFormat: chartOptions.dataFormat,
        },
        dataSource: {
            chart: {
                caption: chartOptions.caption,
                subCaption: chartOptions.subCaption,
                xAxisName: chartOptions.xAxisName,
                yAxisName: chartOptions.yAxisName,
                numberSuffix: chartOptions.numberSuffix,
                theme: chartOptions.theme,
                showLegend: '1'
            },
            categories: [
                {
                    category: [{
                        label: 'Q1'
                    }, {
                        label: 'Q2'
                    }, {
                        label: 'Q3'
                    }, {
                        label: 'Q4'
                    }]
                }
            ],
            dataset: [{
                seriesname: 'Last Year',
                data: [{
                    value: 10000
                }, {
                    value: 11500
                }, {
                    value: 12500
                }, {
                    value: 15000
                }]
            }]
        }
    };
};
angular charts highcharts fusioncharts
1个回答
2
投票

FusionCharts的得到了单一和多系列图表一些规定的数据格式,为单系列的图表,你需要有数据,这样data:[{label:"mylabel"},{value:123}]

同样,对于多系列的图表,你需要有类对象,将举行x轴的标签,并保存多个数据对象为每个系列的数据集对象

提示:如果你想绘制与现有数据源的列/线图设置图表类型为mscolumn2d OR msline

FusionCharts.ready(function() {
  var revenueChart = new FusionCharts({
    type: 'mscolumn2d',
    renderAt: 'chart-container',
    width: '700',
    height: '400',
    dataFormat: 'json',
    dataSource: {
      chart: {

        showLegend: '1'
      },
      categories: [{
        category: [{
          label: 'Q1'
        }, {
          label: 'Q2'
        }, {
          label: 'Q3'
        }, {
          label: 'Q4'
        }]
      }],
      dataset: [{
        seriesname: 'Last Year',
        data: [{
          value: 10000
        }, {
          value: 11500
        }, {
          value: 12500
        }, {
          value: 15000
        }]
      }]
    }
  }).render();
});

但在联四zxsw POI

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