Highcharts 海图。如何设置PlotBand的间隔?

Highcharts 海图。如何设置PlotBand的间隔?,highcharts,Highcharts,我有多系列样条曲线图。所有系列都有自己的plotBand。 是否可以通过系列的长度限制plotBand间隔 例如,已编辑图像: 绘图线也帮不上忙: plotLines: [{ value: 12345, width: 10 }] plotBands: [{ from: 30, to: 45 }], 这是不可能的,但您可以使用添加自定义形状 chart.render

我有多系列样条曲线图。所有系列都有自己的plotBand。 是否可以通过系列的长度限制plotBand间隔

例如,已编辑图像:

绘图线也帮不上忙:

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

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

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

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

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

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

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

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

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

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

为每个系列添加一个以上的范围类型系列作为绘图

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

在图表对象中使用加载/重画事件,然后每次销毁并创建新形状。使用面积范围或多边形系列来绘制条带似乎更容易、更具动态性。这很有意义,对于这种情况,我们有一些解决方案。在图表对象中使用加载/重画事件,然后每次销毁并创建新形状。使用面积范围或多边形系列来绘制标注栏似乎更容易、更具动态性。对于这种情况,我们有一些解决方案。