Y-axis per series csv - Javascript highcharts

Javascript examples for highcharts:Chart Axis

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

Description

Y-axis per series csv

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.jquery.com/jquery-3.1.1.min.js"></script> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <script src="https://code.highcharts.com/highcharts-more.js"></script> 
      <script src="https://code.highcharts.com/modules/exporting.js"></script> 
      <script src="https://code.highcharts.com/modules/data.js"></script> 
      <div id="EuropeActifs" style="height: 400px"></div> 
      <script type="text/javascript">
var csvdata = `Date,Actifs en ?,Nombre de parts
13/11/1998,461728.00,30286.50/*from   w  ww.  j  a v a 2 s.  c  o m*/
11/12/1998,460454.00,30286.50
08/01/1999,499715.00,30286.50
05/02/1999,502512.00,30933.50
05/03/1999,502481.00,30933.50
02/04/1999,505413.00,31105.00
30/04/1999,519929.00,31105.00
28/05/1999,516903.00,31105.00`
 $('#EuropeActifs').highcharts({
  yAxis: [{ // Primary yAxis
    labels: {
      format: '{value} M',
    },
    title: {
      text: 'Actifs en ? ',
    },
    opposite: true
  }, { // Secondary yAxis
    gridLineWidth: 0,
    labels: {
      format: '{value}',
    },
    title: {
      text: 'Nombre de parts',
    }
  }],
  data: {
    csv: csvdata,
  },
  series: [{
    yAxis: 1
  }, {
    yAxis: 0
  }]
});

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

Related Tutorials