JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
var chart;
Highcharts.wrap(Highcharts.Tick.prototype, 'getMarkPath', function (prev, x, y, tickLength, tickWidth, horiz, renderer) {
return renderer.circle(x, y, tickLength);
});
$(document).ready(function () {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
series: [{
name: 'Female',
color: 'rgba(223, 83, 83, .5)',
data: [3, 4, 5, 7, 1, 4, 1, 3]
}]
});
});
});