Highcharts - Highlight / Shade date range -


i need add new series chart allow me highlight / shade particular range of dates. needs 100% height of chart.

i looking @ using area series, couldn't working wanted given have 2 existing area series on chart.

i thought series had 1 or 0 particular point indicate if should highlighted or not?

{name: 'mydates',   color:'red',   fillopacity: 0.3,   data: [0, 0, 0,1,1,1,1, 1, 1,1,0,0],   type:'area',   stacking: 'percent' }, 

http://jsfiddle.net/l3ynm/

the problem sample:

  • the 'mydates' series doesn't take 100% height of chart
  • if 'mydates' series begins midchart, starts angle. i'd go straight up

unless need legend entry, recommend using plotbands instead

http://api.highcharts.com/highcharts#xaxis.plotbands

you can this, if need legend:

http://jsfiddle.net/jlbriggs/jvnjs/305/

data:[[1.5,0],[1.5,80],[2.25,80],[2.25,0]] 

it relies in part on setting min , max, , using min , max values y data points.


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -