【问题标题】:Highcharts multiple stacked columnsHighcharts 多个堆叠列
【发布时间】:2014-03-19 20:13:32
【问题描述】:

我正在使用以下演示:

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)

第四..第五..等等

所以这些条形图与其中的数据完全无关,而是在同一张图上。

非常感谢。

附言抱歉,但由于我尝试了多种混合系列/数据/不同类型/多轴的变体,因此编写到目前为止我尝试过的解决方案只会造成混乱。

【问题讨论】:

    标签: javascript jquery highcharts


    【解决方案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]]
            }]
    

    【讨论】:

    • 太棒了!起初它看起来不像我想要的,但它完美地解决了我们的问题!谢谢
    猜你喜欢
    • 2012-11-30
    • 2018-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多