JSFiddle - React, Tailwind, and code Playground

by danmana

HTML

<script src="http://highcharts.com/js/testing.js"></script>
endOnTick = true
<div id="container1" style="height: 300px"></div>
<div id="container2" style="height: 300px"></div>

JavaScript

new Highcharts.Chart({
    title: {
        text: 'Small numbers'
    },
    chart: {
        renderTo: 'container1',
        defaultSeriesType: 'column',
        borderWidth: 1
    },
    xAxis: {
        allowDecimals: false
    },
    yAxis: {
        allowDecimals: false,
        endOnTick: true
    },

    series: [{
        data: [1, 0, 0, 1, 1, 0, 1]}]
});

new Highcharts.Chart({
    title: {
        text: 'Large numbers'
    },
    chart: {
        renderTo: 'container2',
        defaultSeriesType: 'column',
        borderWidth: 1
    },
    xAxis: {
        allowDecimals: false
    },
    yAxis: {
        allowDecimals: false,
        endOnTick: true
    },

    series: [{
        data: [55, 0, 0, 20, 37, 0, 1]}]
});