How to get Total, High, Low, Avg Values from a Bar chart

[Nimmy]

Hi,

I want to get Total, High, Low, Avg Values from a Bar chart. My chart will display the graph based on days, weeks and months base units on the drop down selection. So the values should change with Daily, Weekly and Monthly graph Any want to draw a line through the Avg value of the Value Axis. Refer the attached image. Any help would be appreciated. 

Thanks,
Nimmy

[T. Tsonev]

Hi,

If I understand correctly, you'd like to display summary of the data that is actually visible in the chart.

 The chart doesn't offer much in terms of queries over the plotted data, but it is possible to access it.

This currently requires handling the dataBound event and using a setTimeout to defer the execution until the data is available.
This is something that we'll amend by adding a dedicated "render" event.

$("#chart").kendoChart({
  dataBound: updateTotals,
  ...
});

function updateTotals(e) {
  setTimeout(function() {
      var data = e.sender._plotArea.series[0].data;
      ...
    });
}

I've prepared a snippet to demonstrate this approach. Hope this helps.

Regards,
T. Tsonev
Telerik

 

 

[Nimmy]

Thank you so much. This is what exactly I was looking for. Kudos!