JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Custom color & thickness for a grid"
},
axisY:{
stripLines:[
{
value: 20,
color: "red",
thickness: 5
}
]
},
data: [
{
type: "splineArea",
dataPoints: [
{ x: 1910, y: 5 },
{ x: 1920, y: 9 },
{ x: 1930, y: 17 },
{ x: 1940, y: 32 },
{ x: 1950, y: 22 },
{ x: 1960, y: 14 },
{ x: 1970, y: 25 },
{ x: 1980, y: 18 },
{ x: 1990, y: 20 }
]
}
]
});
chart.render();