JSFiddle - React, Tailwind, and code Playground

by Geo George

HTML

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

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

JavaScript

Highcharts.chart('container', {

  xAxis: {
    /* tickmarkPlacement: 'between', */
    //tickmarkPlacement: 'on',
    categories: ['7. Jan', '14. Jan', '21. Jan', '28. Jan', '4. Feb', '11. Feb', '18. Feb', '25. Feb', '4. Mar', '11. Mar', '18. Mar', '25. Mar', '1. Apr', '8. Apr', '15. Apr', '22. Apr', '29. Apr', '6. May', '13. May', '20. May', '27. May']
  },

  series: [{
    data: [29, 75, 106, 129, 144, 176, 135, 148, 216, 194, 95, 54, 330, 222, 338, 42, 33, 48, 193, 282, 118]
  }],

  responsive: {
    rules: [{
      condition: {
        /* maxWidth: 400 */
      },
      chartOptions: {
        xAxis: {
          labels: {
            /* step: 2 */
          }
        }
      }
    }]
  }

});