HighChart xBands 기능 ( X축 특정영역 하이라이트)

 

xAxis: { categories: dt , labels: { rotation: -40, y: 30 }
        , plotLines: [{color: '#6799FF', width: 2, value: item, zIndex: 10, dashStyle: 'shortdash' }]
        , plotBands: [ { from: xPlotBands.fr, to: xPlotBands.to, color: '#ffff01' } ] },

 

<변수값>

item = x축의 좌표순서 / 밴드의 기준점

xPlotBands.fr = 10 ( x 축의 10번째 좌표부터 )

xPlotBands.to = 20 ( x 축의 20번째 좌표까지 )