JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="network" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
JavaScript
window.onload = function() {
var chart4 = new CanvasJS.Chart("network", {
culture: "se",
animationEnabled: true,
theme: "light1",
zoomEnabled: true,
legend: {
cursor: "pointer",
itemclick: toggleDataSeries
},
axisX: {
type: 'dateTime'
},
data:
[
{
"type": "stackedColumn",
"xValueType": "dateTime",
"lineThickness": 10,
"name": "Arbetsf\u00f6rmedlingen",
"showInLegend": "true",
"dataPoints": [
{
"label": "2020-03-02",
"y": 31
},
{
"label": "2020-03-03",
"y": 22
},
{
"label": "2020-03-04",
"y": 26
},
{
"label": "2020-03-05",
"y": 32
},
{
"label": "2020-03-06",
"y": 27
},
{
"label": "2020-03-07",
"y": 4
},
{
"label": "2020-03-08",
"y": 3
},
{
"label": "2020-03-09",
"y": 67
},
{
"label": "2020-03-10",
"y": 95
},
{
"label": "2020-03-11",
"y": 70
},
{
"label": "2020-03-12",
"y": 63
},
{
"label": "2020-03-13",
"y": 61
},
{
"label": "2020-03-14",
"y": 3
},
{
"label": "2020-03-15",
"y": 4
},
{
"label": "2020-03-16",
...