New to Kendo UI for jQuery? Start a free 30-day trial

NoData

configuration

When no series data is available, the Chart will display an overlay element that contains a message with the text "No data available". The overlay will be automatically cleared if the series receive data.

To disable the "No Data" overlay, set this option to false.

noData

Boolean|Object

Default: true

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    visible: false
  },
  series: [
    { name: "Series 1", data: [] },
    { name: "Series 2", data: [] }
  ],
  noData: false
});
</script>

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    visible: false
  },
  series: [
    { name: "Series 1", data: [] },
    { name: "Series 2", data: [] }
  ],
  messages: {
    noData: "Loading..."
  }
});
</script>

noData.template

String|Function

The template which is rendered when no series are defined, or all series are empty.

The message overlays the entire Chart with the exception of the Title and Subtitle.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    visible: false
  },
  series: [
    { name: "Series 1", data: [] },
    { name: "Series 2", data: [] }
  ],
  noData: {
    template: () => `Loading...`
  }
});
</script>