Change series legend at runtime

[AP]

I have a chart which, depending on a button group selection, will display a different data item in a line series. This is handled server-side, with the chart definition not needing to be changed.

However, I do need to change the name displayed on the value axis and legend name.

I can do this by using the following code:-

var specChart = $("#chortcategorytrendchart").data("kendoChart");

            specChart.options.valueAxis[1].title.text = sName;

            specChart.options.series[1].name=sName;

            specChart.refresh();

 

This works, but I also need to call the chart datasource.read:-

$('#chortcategorytrendchart').data("kendoChart").dataSource.read();

When I do this, the value axis title remains changed correctly, but the series name in the legend reverts to the default setting in the chart definition.

It doesn't make a difference if the read is called before or after the chart refresh.

I am using version 2021.2.511. How can I stop the read call changing the series name back?

[Eyup]

Hello,

 

Thank you for writing to us.

Frankly said, these kind of implementations can be very tedious and we highly suggest that you create several Charts on the page to accommodate the different options selected by the user. Then, you can toggle the visibility of the Charts depending on the choice.

Otherwise, you can check setOptions and setDataSource methods, but I am afraid there is no direct solution for canceling the read action in this case:
https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/methods/setoptions

Does this info make sense? Let me know if I can assist with anything additional.

 

Regards,
Eyup
Progress Telerik

[AP]

I did manage to get this working. I added a databound event to the chart, and then used the redraw function to change the titles in this call, which is working.

It seems like a bit of a bug that the data load reverts the series name