Displaying Markers on Data Point & Legend - CanvasJS JavaScript Charts- 4 | JSFiddle Sample Code

Displaying Markers on Data Point & Legend - CanvasJS JavaScript Charts- 4 | JSFiddle Sample Code

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <div id="chartContainer" style="height: 300px; width: 100%;">
  </div>
<div style="margin-top:16px;color:dimgrey;font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;">Source: <a href="https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/markers/" target="_blank" title="Displaying Markers on Data Point &amp; Legend - CanvasJS JavaScript Charts">https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/markers/</a></div>

JavaScript

window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
{
  "theme": "light2",
  "animationEnabled": false,
  "exportEnabled": true,
  "axisX": {
    "gridThickness": 1,
    "crosshair": {
      "thickness": "2",
      "enabled": true,
      "color": "red",
      "labelFontColor": "#F8F8F8"
    }
  },
  "axisY": {
    "gridThickness": 1,
  },
  "toolTip": {
    "shared": true
  },
  "data": [
    {
      "type": "stackedArea",
      "name": "bin = 1",
      "dataPoints": [
        {
          "x": 1604591515000,
          "y": 4.231023102310231
        },
        {
          "x": 1604596064000,
          "y": 4.0756578947368425
        },
        {
          "x": 1604600613000,
          "y": 4.072368421052632
        },
        {
          "x": 1604605162000,
          "y": 4.1683168316831685
        },
        {
          "x": 1604609711000,
          "y": 3.963696369636964
        },
        {
          "x": 1604614260000,
          "y": 4.230263157894737
        },
        {
          "x": 1604618809000,
          "y": 4.378289473684211
        },
        {
          "x": 1604623358000,
          "y": 4.191419141914191
        },
        {
          "x": 1604627907000,
          "y": 3.9933993399339935
        },
        {
          "x": 1604632456000,
          "y": 4.0493421052631575
        },
        {
          "x": 1604637005000,
          "y": 4.417763157894737
        },
        {
          "x": 1604641554000,
          "y": 4.326732673267327
        },
        {
          "x": 1604646103000,
          "y": 4.366336633663367
        },
        {
          "x": 1604650652000,
          "y": 4.141447368421052
        },
        {
          "x": 1604655201000,
          "y": 4.151315789473684
        },
        {
          "x": 1604659750000,
          "y": 4.1683168316831685
        },
        {
          "x": 1604664299000,
          "y": 4.006578947368421
        },
        {
          "x": 1604668848000,
          "y":...