如何按降序排序高级图栏

时间:2016-07-28 21:52:57

标签: jquery highcharts bar-chart

这是我的方法,我从mysql中按降序获取数据,但是highchart总是随机更改条形,但我想根据使用此方法的数量下降来排序图表。

任何人都可以帮助我,我想通过使用选项变量对条形图进行排序。

$(function () {

            var options = {
            chart: {
                renderTo: 'graphbarchart',
                type: 'bar'
            },
            title: {
                text: 'Top 10 Buildings',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: [],
            },
            yAxis: {
                min: 0,
                reversedStacks: false,
                labels: {
                    overflow: 'justify',
                    formatter: function () {
                        return this.value;
                    }
                }
            },
            tooltip: {
                formatter: function() {
                        return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y;
                }
            },
            legend: {
                enabled: false,
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            exporting: {
                enabled: false
            },
            credits: {
                  enabled: false
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            series: []
        }


        $.getJSON('<?php echo base_url(); ?>welcome/barchartdata/15', function(json) {
            options.xAxis.categories = json[0]['data'];
            options.series[0] = json[1];
            chart = new Highcharts.Chart(options);
        });


 });

0 个答案:

没有答案