javascript - Highcharts - Highlight above part of column chart -
all,
i have requirement want highlight above part of bars column chart. more expressive attaching image need do. image
thank in advance
edited :
what did have given 2 series , stacked them.
series: [{ name: 'background', data: [250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250], color: 'rgba(94, 143, 184, 0.5)', datalabels: { enabled: false } }, { name: 'actual', data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], color: '#ffffff', datalabels: { enabled: false } }]
what looking neater solution can use 1 series , use control highchart can fill remaining part full length.
there no feature this, can extend highcharts method, in case - seriestypes.column.prototype.drawpoints
- harder creating non-responsive second series.
on load event, can add series disabled mouse tracking, etc. - behaves background.
series.chart.addseries({ data: data, showinlegend: false, enablemousetracking: false, datalabels: { enabled: false }, grouping: false, color: 'rgba(94, 143, 184, 0.5)', zindex: -1 }, false);
example: http://jsfiddle.net/tcwmp92y/
Comments
Post a Comment