JSFiddle - React, Tailwind, and code Playground

by core972

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

const avg_rates = [0.8936e2, 0.8901e2, 0.9015e2, 0.9043e2, 0.8994e2, 0.9105e2, 0, 0, 0, 0, 0, 0];

var chartdata = {
    chart: {
        type: 'line',
        height: '150', 
        width: '1000'
    },
    legend:{
    	enabled:false
    },
    plotOptions:{
        line: {
          dataLabels: {
              enabled: true,
              padding: 10
          },
          enableMouseTracking: false,
          lineWidth: 4,
          marker: {
            radius: 5
          }
        }
		},
    series: [{
    	data: []
    }]
};

chartdata.series[0].data = avg_rates;

$('#container').highcharts(chartdata);