plotbandの境界線を超えたときにplotbandのラベルを無効にすることはできますかHighstock

Question

私はチャート内にいくつかのプロットバンドを描画しており、各バンドにはラベルがあります。

しかし、timerangeを常時変更すると、プロットバンドはラベル全体を含むように狭くなり、ラベルが重なるようになります。

plotbandの境界を超えたときにplotbandのラベルを無効にすることはできますか？

Answer 1

ラベル幅がafterSetExtremesイベントにプロットバンド幅、その後大きく、そのラベルの不透明度を切り替えるための0

機能への不透明度を設定することで、それを隠す場合であるかどうかをチェックすることができます：

function togglePlotbands() { 
    this.plotLinesAndBands.forEach(plotband => { 
    const { plotLeft, plotWidth } = this.chart 
    const from = Math.max(this.toPixels(plotband.options.from), plotLeft) 
    const to = Math.min(this.toPixels(plotband.options.to), plotLeft + plotWidth) 

    const plotbandWidth = to - from 
    const show = plotband.label.getBBox().width < plotbandWidth 

    plotband.label.css({ opacity: Number(show) }) 
    }) 
} 

コール

events: { 
    afterSetExtremes: togglePlotbands 
} 

必要に応じて、チャートの負荷に：

afterSetExtremesに10

chart: { 
    events: { 
    load: function() { 
     togglePlotbands.call(this.xAxis[0]) 
    } 
    } 
}, 

例：http://jsfiddle.net/r89r2sr0/