Highcharts Demo

author(s): Torstein Hønsi

by totszwai

HTML

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

<div id="container"></div>

CSS

#container {
    height: 400px;
}

.highcharts-axis-line {
  stroke: red;
}

JavaScript

Highcharts.chart('container', {
  title: null,
  subtitle: null,
  chart: {
    // https://api.highcharts.com/highcharts/chart.spacing
    spacing: [0, 0, 0, 0]
  },
  xAxis: {
    title: {
      text: undefined,
      useHTML: true
    },
    labels: {
      enabled: false,
      // Must useHTML to apply rem on xAxis labels
      useHTML: true
    },
    minPadding: 0,
    maxPadding: 0,
    tickWidth: 0
  },

  plotOptions: {
    series: {
      pointPlacement: 'on'
    }
  },

  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]
  }]

});