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

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -