更改系列名称顺序

时间:2018-03-07 18:17:46

标签: javascript jquery arrays highcharts

我正在尝试创建一个包含一些信息的图表,目前我能够显示数据库表中的所有信息,然后创建一个图表但是我有一个问题,来自我的系列名称的顺序(创建) with a array)与数组中的顺序不同。在下图中是我目前的例子。

enter image description here

我希望以与浏览器控制台上显示的数组结果相同的顺序显示系列名称。

这是我用来绘制图表的方法。

var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'Chart',
                type: 'column'
            },
            title: {
                text: nombre
            },
            xAxis: {
                labels:
                   {
                       enabled: false
                   }
            },
            yAxis: {
                allowDecimals: true,
                min: 0,
                title: {
                    text: 'Piezas'
                },
            },
            credits: {
                enabled: false
            },

            legend: {
                reversed: true
            },
            plotOptions: {
                series: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        format: '{point.y}'
                    }
                }
            },

            tooltip: {
                headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b> piezas<br/>'
            },

            series: []
        });

        for (var i = 0; i < arreglo.length; i++) {
            chart.addSeries({
            name: arreglo[i],
            data: [arreglo2[i]],
        }, false);
    }
    chart.reflow();
    chart.redraw(); 
    $('#AreaGrafica').removeClass('hidden');
    window.dispatchEvent(new Event('resize'));

0 个答案:

没有答案