来自CSV的Highcharts堆叠条形图数据

来自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

我正在尝试使用来自CSV的数据实现堆叠条形图。 我需要使用CSV文件中包含的数据更新系列:,例如“John,10,5,3,4,1”。 救命啊

$(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文件现在以相反的顺序生成,图表现在显示正确。无论如何谢谢你!