Array of data items. The data item type can be either a:

  • Array of objects. Each point is bound to the specified series fields.
  • Array of numbers. Available for area, column and line series.
  • Array of arrays of numbers. Available for:
  • OHLC and candlestick series (open, high, low, close)

Example - set the chart series data as array of objects

<div id="stock-chart"></div>
<script>
  $("#stock-chart").kendoStockChart({
    series: [
      {
        type: "candlestick",
        data: [{
          open: 2,
          high: 4,
          low: 1,
          close: 3
        }]
      }
    ],
    categoryAxis: {
      categories: [
        new Date(2012, 1, 1)
      ]
    }
  });
  </script>

Example - set the chart series data as array of arrays

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
  series: [
      {
        type: "candlestick",
        openField: "Open",
        highField: "High",
        lowField: "Low",
        closeField: "Close",
        data:[{
          "Date": "2016/01/01",
          "Open": 41.62,
          "High": 41.69,
          "Low": 39.81,
          "Close": 40.12,
          "Volume": 2632000
        }, {
          "Date": "2016/03/01",
          "Open": 40.62,
          "High": 39.69,
          "Low": 40.81,
          "Close": 39.12,
          "Volume": 2631986
        }
      ]
    }
  ],
  categoryAxis: {
    categories: [
      new Date(2012, 1, 1)
    ]
  }
});
</script>
In this article