高位图表堆叠功能不正常

Highcharts stacking misfunctioning

本文关键字:功能 不正常 位图 高位图      更新时间:2023-09-26

我遇到了一个问题,我认为这与highcharts的面积图的"stacking"属性有关。

问题是,我的值最多只能达到120,但Y列的图例标记更高。由于我不能很正确地解释自己,我将发布jsfiddle。

stacking:'normal',

http://jsfiddle.net/RFPUH/141/

正如你在那里看到的,我的最高值是120,但Y列一直上升到210。这很令人困惑,还不够好。

当我从图表中删除"staking"属性时,Y列的问题消失了,但它也不能按预期工作。我想发布一张照片,但我没有代表:(

stacking: null,

http://jsfiddle.net/RFPUH/142/

有人知道我做错了什么吗??

提前感谢各位!!!

解决方案
http://jsfiddle.net/kfujdhou/3

堆叠为Y轴上所有类型为"面积"的级数的和。所以堆叠的行为是应该的(在你的例子中,yMax=Min+Max~200,JP是一条线,不计入堆叠)。

你能描述一下想要的输出吗?

我想你会喜欢这样的东西:

series: [{
        name: 'JP',
        data: averages,
        zIndex: 1,
        marker: {
            fillColor: 'white',
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[0]
        }
    }, {
        name: 'Range',
        data: ranges,
        type: 'arearange',
        lineWidth: 0,
        linkedTo: ':previous',
        color: Highcharts.getOptions().colors[0],
        fillOpacity: 0.3,
        zIndex: 0
    }]

http://jsfiddle.net/kfujdhou/