Highcharts。如何设置PlotBand的间隔?

时间:2015-11-03 09:40:24

标签: highcharts

我有多个系列样条图。所有系列都有自己的plotBand。 是否可以将plotBand间隔限制为系列的长度?

示例,编辑过的图像: enter image description here

plotLines也不能提供帮助:

plotLines: [{
            value: 12345,
            width: 10
        }]

plotBands: [{
            from: 30,
            to: 45
        }],

http://jsfiddle.net/r00tGER/1nuw4fqs/

2 个答案:

答案 0 :(得分:2)

这是不可能的,但您可以使用Renderer.rect添加自定义形状

chart.renderer.rect(100, 100, 100, 100, 5)
        .attr({
            'stroke-width': 2,
            stroke: 'red',
            fill: 'yellow',
            zIndex: 3
        })
        .add();

第二个解决方案是使用annotation,它允许添加矩形。

答案 1 :(得分:2)

再添加一个范围类型系列作为每个系列的图。

series: [
    {
        name: 'as Plot',
        type: 'areasplinerange',
        data: [
            [1434620400000, 58.0, 68.0], [1434620640000, 58.0, 68.0]
         ],
        zIndex: 0
    }
    ]
});

http://jsfiddle.net/r00tGER/ueqht2eL/