adding a second Y-Axis to line chart - Javascript highcharts

Javascript examples for highcharts:Line Chart

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

Description

adding a second Y-Axis to line chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/4.0.3/highcharts.src.js"></script> 
      <div id="chartdiv"></div> 
      <script type="text/javascript">
$(function () {/* www .  ja  va2  s.  co  m*/
    var chart,
    options = {
        chart: {
            renderTo: 'chartdiv'
        }
    },
    real_series = {
        "data": [10.816667, 8.458333, 9.1, 8.794771, 7.91789, 7.281212,
        6.671075, 6.08748, 5.530427, 4.999916, 4.495946, 4.018517, 3.567631]
    };
    try {
        chart = new Highcharts.Chart(options);
        chart.addAxis({
            linkedTo: 0,
            id: "LCUReal",
            title: {
                text: "LCU Real"
            },
            opposite: true
        }, false);
        chart.addSeries(real_series);
        console.log('complete');
    } catch (e) {
        console.log(e);
        console.log(e);
    }
    function eventClick(event) {
        console.log('click');
    }
});

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

Related Tutorials