Adding Data Series With Property Names to arearange chart - Javascript highcharts

Javascript examples for highcharts:Chart Series

  1. HOME
  2. Javascript
  3. highcharts
  4. Chart Series

Description

Adding Data Series With Property Names to arearange chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts Demo</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <script src="https://code.highcharts.com/highcharts-more.js"></script> 
      <div id="container"></div> 
      <script type="text/javascript">
var options = {//from w ww. ja va 2s  .com
    series: []
  },
  mySeries = [];
mySeries.push({
  x: 1,
  low: 2,
  high: 3
});
options.series.push({
  name: "MyData",
  data: mySeries,
  type: 'arearange',
  lineWidth: 1,
  color: Highcharts.getOptions().colors[0],
  fillOpacity: 0.3,
  zIndex: 0
});
Highcharts.chart('container', options);

      </script>  
   </body>
</html>

Related Tutorials