Basic Column Chart - CanvasJS

Basic Column Chart

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<div id="area-chart-container-canvasjs" style="height: 360px; width: 100%;"></div>

JavaScript

const hardcodedData = [
  {
    "type": "stackedArea",
    "fillOpacity": 0.1,
    "dataPoints": [
      { x: new Date("2022-07-02T07:00:00.000Z"), y: 1787 },
      { x: new Date("2022-07-09T07:00:00.000Z"), y: 2344 },
      { x: new Date("2022-07-16T07:00:00.000Z"), y: 2987 },
      { x: new Date("2022-07-23T07:00:00.000Z"), y: 2986 },
      { x: new Date("2022-07-30T07:00:00.000Z"), y: 1023 },
      { x: new Date("2022-08-06T07:00:00.000Z"), y: 2871 },
      { x: new Date("2022-08-13T07:00:00.000Z"), y: 2901 },
      { x: new Date("2022-08-20T07:00:00.000Z"), y: 4307 },
      { x: new Date("2022-08-27T07:00:00.000Z"), y: 3401 },
      { x: new Date("2022-09-03T07:00:00.000Z"), y: 3276 },
      { x: new Date("2022-09-10T07:00:00.000Z"), y: 2987 },
      { x: new Date("2022-09-17T07:00:00.000Z"), y: 2190 },
      { x: new Date("2022-09-24T07:00:00.000Z"), y: 4210 },
      { x: new Date("2022-09-30T07:00:00.000Z"), y: 3240 }
    ],
    "xValueFormatString":"M/D/YY",
  },
  {
    "type": "stackedArea",
    "fillOpacity": 0.1,
    "dataPoints": [
      { x: new Date("2022-07-02T07:00:00.000Z"), y: 2345 },
      { x: new Date("2022-07-09T07:00:00.000Z"), y: 3891 },
      { x: new Date("2022-07-16T07:00:00.000Z"), y: 7946 },
      { x: new Date("2022-07-23T07:00:00.000Z"), y: 1269 },
      { x: new Date("2022-07-30T07:00:00.000Z"), y: 6579 },
      { x: new Date("2022-08-06T07:00:00.000Z"), y: 7172 },
      { x: new Date("2022-08-13T07:00:00.000Z"), y: 7642 },
      { x: new Date("2022-08-20T07:00:00.000Z"), y: 7542 },
      { x: new Date("2022-08-27T07:00:00.000Z"), y: 2345 },
      { x: new Date("2022-09-03T07:00:00.000Z"), y: 7856 },
      { x: new Date("2022-09-10T07:00:00.000Z"), y: 2565 },
      { x: new Date("2022-09-17T07:00:00.000Z"), y: 8762 },
      { x: new Date("2022-09-24T07:00:00.000Z"), y: 2378 },
      { x: new Date("2022-09-30T07:00:00.000Z"), y: 7356 }
    ],
    "xValueFormatString":"M/D/YY",
  }
]

const Chart = new...