我的要求是动态的基础上是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
}]
}]
}
};
};
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