Highcharts Demo

author(s): Torstein Hønsi

by kzoon

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 800px"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'line',
    borderWidth: 1,
    plotBorderWidth: 1,
    backgroundColor: '#FCFFC5',
    //marginTop: 70, 
    //spacingTop:70
  },
  title:{text:''},
  xAxis: {

    categories: ['AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'AAAA', 'XXXXXXX'],
        tickmarkPlacement: "on",
    labels: {
    padding:1,
            autoRotation: false
        }
  },
  yAxis: {},
  
  legend: {
   align: 'right',
        verticalAlign: 'top',
        layout: 'vertical',   
        borderWidth: 1
  },
  plotOptions: {},
  series: [{
    name: 'My first Series',
    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]
  }, {
    name: 'My second Series'
  }, {
    name: 'My third Series'
  }]
});