Docs > Basic Elements > ZingChart Tokens > time-series > y-axis scale

<!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"];
    let chartConfig = {
      "type": "bar",
      "title": {
        "text": "Y-Axis Scale"
      },
      "plot": {
        "bar-width": "50%",
        "stacked": true,
        "tooltip": {
          "text": "Raise %plot-text by %scale-value-value",
          "transform": {
            "type": "date",
            "all": "%g:%i %A"
          }
        },
      },
      "scale-x": {
        "labels": ["A's Goal", "B's Goal", "C's Goal"],
        "label": {
          "text": "12-Hour Fundraiser"
        },
        "item": {
          "font-size": 10
        },
      },
      "scale-y": {
        "min-value": "1457091000000", //6 AM
        "max-value": "1457132400000", //Midnight
        "step": "3600000", //1 hour
        "transform": {
          "type": "date",
          "all": "%g:%i %a"
        },
        "label": {
          "text": "Time"
        },
        "item": {
          "font-size": 10
        },
      },
      "utc": true,
      "timezone": -5, //EST time
      "plotarea": {
        "margin-left": "dynamic"
      },
      "series": [{
          "values": [1457110800000, 1457107200000, 1457103600000],
          "text": "300K"
        },
        {
          "values": [7200000, 7200000, 12600000],
          "text": "350K"
        },
        {
          "values": [7200000, 7200000, 5400000],
          "text": "400K"
        },
        {
          "values": [3600000, 5400000, 3600000],
          "text": "450K"
        },
        {
          "values": [3600000, 5400000, 7200000],
          "text": "500K"
        }
      ]
    };

    zingchart.render({
      id: 'myChart',
      data: chartConfig,
      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>

let chartConfig = {
  "type": "bar",
  "title": {
    "text": "Y-Axis Scale"
  },
  "plot": {
    "bar-width": "50%",
    "stacked": true,
    "tooltip": {
      "text": "Raise %plot-text by %scale-value-value",
      "transform": {
        "type": "date",
        "all": "%g:%i %A"
      }
    },
  },
  "scale-x": {
    "labels": ["A's Goal", "B's Goal", "C's Goal"],
    "label": {
      "text": "12-Hour Fundraiser"
    },
    "item": {
      "font-size": 10
    },
  },
  "scale-y": {
    "min-value": "1457091000000", //6 AM
    "max-value": "1457132400000", //Midnight
    "step": "3600000", //1 hour
    "transform": {
      "type": "date",
      "all": "%g:%i %a"
    },
    "label": {
      "text": "Time"
    },
    "item": {
      "font-size": 10
    },
  },
  "utc": true,
  "timezone": -5, //EST time
  "plotarea": {
    "margin-left": "dynamic"
  },
  "series": [{
      "values": [1457110800000, 1457107200000, 1457103600000],
      "text": "300K"
    },
    {
      "values": [7200000, 7200000, 12600000],
      "text": "350K"
    },
    {
      "values": [7200000, 7200000, 5400000],
      "text": "400K"
    },
    {
      "values": [3600000, 5400000, 3600000],
      "text": "450K"
    },
    {
      "values": [3600000, 5400000, 7200000],
      "text": "500K"
    }
  ]
};

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