JSFiddle - React, Tailwind, and code Playground

by index

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px"></div>
<div id="container2" style="height: 400px"></div>

JavaScript

new Highcharts.Chart({
    chart: { renderTo: 'container' },
    title: { text: 'Linear y-axis' },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        title: { text: null },
        lineColor: '#e7e7e7',
        alternateGridColor: '#f7f7f7',
        gridLineColor: '#e7e7e7',
        allowDecimals: false,
        startOnTick: false,
        minPadding: 0,
    },

    series:[{
        name: 'apples',
        data: [0.1, 3, 5, 8, 7, 2, 0.1, 108, 4, 7, 6, 10250]
    }]
});


new Highcharts.Chart({
    chart: { renderTo: 'container2' },
    title: { text: 'Logarithmic y-axis' },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        type: 'logarithmic',
        title: { text: null },
        lineColor: '#e7e7e7',
        alternateGridColor: '#f7f7f7',
        gridLineColor: '#e7e7e7',
        allowDecimals: false,
        startOnTick: false,
        minPadding: 0,
    },

    series:[{
        name: 'apples',
        data: [0.1, 3, 5, 8, 7, 2, 0.1, 108, 4, 7, 6, 10250]
    }]
});