javascript - 对 highcharts 中的类别中的后代数据进行排序

Question

我想使用 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'
        }]
    });
});

Answer 1

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

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