Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

#container {
    width: 100%;
}

JavaScript

Highcharts.chart('container', {
  chart: {
    events: {
      render: function() {
        const chart = this,
          xAxis = chart.xAxis[0];
          
          if(xAxis.axisLineBottom) {
          	xAxis.axisLineBottom.remove();
          }

          xAxis.axisLineBottom = xAxis.axisLine.element.cloneNode();
          xAxis.axisGroup.element.appendChild(xAxis.axisLineBottom);
          xAxis.axisLineBottom.style.transform = 'translateY(38px)';
      }
    }
  },
  series: [{
    data: [2, 5, 2, 3, 6, 5]
  }]
});