JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 1400px; width: 100%;">
</div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
axisX: {
minimum: 0,
maximum: 10,
interval: 1
},
axisY: {
minimum: 0,
maximum: 100,
//labelFontSize: 16
},
axisY2: {
minimum: 0,
maximum: 100,
// turns off labels
/*labelFormatter: function(){
return "";
},*/
labelFontColor: "#fff",
margin: -40
},
data: [
{
type: "line",
axisYType: "secondary",
axisYIndex: 0
},
{
type: "scatter",
dataPoints: [{
}]
}]
});
chart.render();