JSFiddle - React, Tailwind, and code Playground

by pratik24

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>


<div id="container" style="height: 400px; min-width: 310px"></div>

JavaScript

$(function () {
        $('#container').highcharts('StockChart', {            
            yAxis: [{
                min:0,
                labels: {
                    align: 'left'
                },
                title: {
                    text: 'adsf'
                }
            }, {
                min:0,
                labels: {
                    align: 'left'
                },
                title: {
                    text: 'Volume'
                },
                top: '65%',
                height: '35%',                
                lineWidth: 1
            }],

            series: [{
                type: 'scatter',
                name: 'AAPL',
                data:  [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
            }, {
                type: 'scatter',
                name: 'Volume',
                data:  [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
                yAxis: 1
            }]
        });
   
});