Align labels of axis with type category under ticks in line chart - Javascript highcharts

Javascript examples for highcharts:Line Chart

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

Description

Align labels of axis with type category under ticks in line 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> 
      <div id="container" style="height: 400px"></div> 
      <script type="text/javascript">
Highcharts.chart('container', {
  title: {/*from  w  w  w .  j  a v  a  2  s.co m*/
    text: 'Chart reflow is set to true'
  },
  subtitle: {
    text: 'When resizing the window or the frame, the chart should resize'
  },
  xAxis: {
    categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13'],
    min: 0,
    max: 12,
    tickmarkPlacement: 'on',
    labels: {}
  },
  series: [{
  pointPlacement: 'between',
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]
});

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

Related Tutorials