在highcharts中按类别对子代数据进行排序

时间:2016-03-27 03:10:50

标签: javascript sorting highcharts categories

我想使用highcharts对类别中的数据进行排序。我尝试了所有数据类型,但没有一个对我有用。这是可能的?我的愿望是(来自Paint的图片):

click to see my expected result

原始代码(来自http://jsfiddle.net/BKLrA/2/):

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Performance for the last week'
        },
        xAxis: {
            type: 'category',
            categories: ['Mon', 'Tue', 'Wed']
        },
        yAxis: {
            min: 0,
            title: {
                text: '# of devices'
            }
        },
        tooltip: {
            enabled: false
        },
        series: [{
            name: 'Green',
            data: [
                {
                    x: 0,
                    name: 'Mon',
                    y: 100
                }, 
                {
                    x: 1,
                    name: 'Tue',
                    y: 400
                }, 
                {
                    x: 2,
                    name: 'Wed',
                    y: 350
                }
            ],
            color: 'green'

        }, {
            name: 'Yellow',
            data: [
                //{
                //    name: 'Mon',
                //    y: 100
                //}, 
                {
                    x: 1,
                    name: 'Tue',
                    y: 140
                }, 
                {
                    x: 2,
                    name: 'Wed',
                    y: 170
                }
            ],
            color: 'yellow'
        }]
    });
});

2 个答案:

答案 0 :(得分:1)

您可以将堆叠系列与克隆系列linkedTo(允许图例点击隐藏/显示)一起使用到主系列。基本上每个系列都必须有尽可能多的linkedTo系列作为堆栈。

示例:http://jsfiddle.net/ju0p683j/

答案 1 :(得分:0)

我想动态生成这些数据,但似乎这是不可能的,因为似乎有一种自然的方法。这个工具让我非常关注。无论如何,谢谢。