Highcharts多个堆叠列

时间:2014-03-19 11:46:17

标签: javascript jquery highcharts

我正在使用以下演示:

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked-percent/

问题是我希望有五列包含五个不相关的数据。想象一下以下情况:

我想要五个酒吧

第一个栏是data [50, 50, 50] (A, B, C)

第二个栏是完全独立的dataset: [40, 50, 60] (D, E, F)

第三个栏是另一个单独的dataset: [50, 50, 50, 45, 50, 60] (G, H, I, J, K L)

第四......第五......等等。

所以这些条与它们内部的数据完全无关,但是在同一个图上。

非常感谢。

P.S。我很抱歉,但是我已经尝试了很多混合系列/数据/不同类型/多轴的变体,写出我迄今为止尝试过的解决方案只会造成混乱。

1 个答案:

答案 0 :(得分:1)

你在这里:http://jsfiddle.net/L257S/ 对于每个不相关的点,您需要设置单独的系列。然后每个系列将只包含一个具有指定[x, y]点对象的点,以通过x值确定哪个类别是正确的。代码示例:

        series: [{
            name: 'John',
            data: [[0,5]] //first category
        }, {
            name: 'Jane',
            data: [[0,2]]
        }, {
            name: 'Joe',
            data: [[0,3]]
        },{
            name: 'John1',
            data: [[1,5]] //second category
        }, {
            name: 'Jane1',
            data: [[1,2]]
        }, {
            name: 'Joe1',
            data: [[1,3]]
        },{
            name: 'John2',
            data: [[2,5]] //third category
        }, {
            name: 'Jane2',
            data: [[2,2]]
        }, {
            name: 'Joe2',
            data: [[2,3]]
        }]