Markers Doc - Multiple Scales

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>ZingSoft Demo</title>

  <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
  <style></style>
</head>

<body>
  <div id='myChart'></div>
  <script>
    ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    var myConfig = {
      type: "line",
      "scale-y": {
        item: {
          fontColor: "#7CA82B"
        },
        markers: [{
            type: "line",
            range: [72],
            lineColor: "#7CA82B",
            lineWidth: 2
          },
          {
            type: "area",
            range: [3, 15],
            backgroundColor: "#7CA82B",
            alpha: 0.5
          }
        ]
      },
      "scale-y-2": {
        item: {
          fontColor: "#EF8535"
        },
        markers: [{
            type: "line",
            range: [900],
            lineColor: "#EF8535",
            lineWidth: 2
          },
          {
            type: "area",
            range: [350, 450],
            backgroundColor: "#EF8535",
            alpha: 0.5
          }
        ]
      },
      series: [{
          values: [48, 45, 95, 25, 65, 73, 71, 74, 29, 77],
          scales: "scale-x,scale-y"
        },
        {
          values: [700, 677, 560, 425, 150, 804, 590, 209, 917, 260],
          scales: "scale-x,scale-y-2"
        }
      ]
    };

    zingchart.render({
      id: 'myChart',
      data: myConfig,
      height: 400,
      width: '100%'
    });
  </script>
</body>

</html>

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>ZingSoft Demo</title>

  <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
</head>

<body>
  <div id='myChart'></div>
</body>

</html>

var myConfig = {
  type: "line",
  "scale-y": {
    item: {
      fontColor: "#7CA82B"
    },
    markers: [{
        type: "line",
        range: [72],
        lineColor: "#7CA82B",
        lineWidth: 2
      },
      {
        type: "area",
        range: [3, 15],
        backgroundColor: "#7CA82B",
        alpha: 0.5
      }
    ]
  },
  "scale-y-2": {
    item: {
      fontColor: "#EF8535"
    },
    markers: [{
        type: "line",
        range: [900],
        lineColor: "#EF8535",
        lineWidth: 2
      },
      {
        type: "area",
        range: [350, 450],
        backgroundColor: "#EF8535",
        alpha: 0.5
      }
    ]
  },
  series: [{
      values: [48, 45, 95, 25, 65, 73, 71, 74, 29, 77],
      scales: "scale-x,scale-y"
    },
    {
      values: [700, 677, 560, 425, 150, 804, 590, 209, 917, 260],
      scales: "scale-x,scale-y-2"
    }
  ]
};

zingchart.render({
  id: 'myChart',
  data: myConfig,
  height: 400,
  width: '100%'
});