来自CSV的Highcharts堆叠条形图数据
我正在尝试使用来自CSV的数据实现堆叠条形图。 我需要使用CSV文件中包含的数据更新系列:,例如“John,10,5,3,4,1”。 救命啊来自CSV的Highcharts堆叠条形图数据,csv,highcharts,Csv,Highcharts,我正在尝试使用来自CSV的数据实现堆叠条形图。 我需要使用CSV文件中包含的数据更新系列:,例如“John,10,5,3,4,1”。 救命啊 $(function () { $('#container').highcharts({ chart: { type: 'bar' }, title: { text: 'Stacked bar chart' }, xAxi
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Stacked bar chart'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
},
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
}
},
legend: {
reversed: true
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
name: 'John',
data: [5, 3, 4, 7, 2]
}, {
name: 'Jane',
data: [2, 2, 3, 2, 1]
}, {
name: 'Joe',
data: [3, 4, 4, 2, 5]
}]
});
});
UPDT
我终于让它工作了,但还是有问题。这些条是倒置的,我需要它们的顺序与CSV文件中的顺序完全相同
这是我的解析器:
$.get('chart.csv', function(data) {
var lines=data.split('\n');
$.each(lines, function(lineNo, line) {
var items = line.split(',');
var series = {
data: []
};
$.each(items, function(itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
options.series.push(series);
});
var chart = new Highcharts.Chart(options);
CSV文件的内容:
Disconnection,30,30
Site Care,12,12
Documentation,35,35
Lining,22,22
Connection,70,52
我需要按照图例中相同的顺序堆叠钢筋:
在渲染图表之前,您可以尝试自定义设置系列索引,以修复条形图的反转 像这样的事情可能会奏效:
for (var i = 0; i < options.series.length; i++) {
options.series[i].index = options.series.length - 1 - i;
options.series[i].legendIndex = i;
}
for(变量i=0;i
您的CSV和解析器是什么样子的?我已经设法正常工作了。CSV文件现在以相反的顺序生成,图表现在显示正确。无论如何谢谢你!