This is a migrated thread and some comments may be shown as answers.

Chart doesn't show all series after datasource.read()

10 Answers 235 Views

Charts

This is a migrated thread and some comments may be shown as answers.

Dirk asked on 01 Oct 2013, 09:01 PM

Hello,

I've implemented a few charts (stacked bars, stacked areas etc) and encountered the following behaviour:

If you hide the last of three series via legend click, click the same legend item to show series again and then reaload data via datasource.read() and JSON the last series is disabled and therefore hidden (at the time new data was loaded the series was visible!).
Since I did not found a way to explicitly show the series again (after loading data) you have to click another time the legend item to see the series on the chart again.

JS to load new data:
var chart = $("#AverageCountPerDay").data("kendoChart");
        // recalculate value axis range
        chart.options.valueAxis.max = undefined;
        chart.dataSource.read({ groupNumber: "@Model.GroupID", startDate: startDate.value().toJSON(), endDate: endDate.value().toJSON(), granularity: "day" });

Is there a way to fix this problem or an appropriate workaround?

TIA
Dirk

10 Answers, 1 is accepted

answered on 23 Dec 2013, 04:13 PM

Hello Hristo,

I watched your screencast and the initial bug seems to be fixed as you stated earlier.
Sorry for the inconvenience caused!

What I encountered after upgrading to Q3 version (meanwhile replaced all chart legend by self-made legend) is a similar problem caused by setting visibility of series in JavaScript (not using legend click event).
To reproduce please execute the following script in browser on the mentioned demo (as you did in screencast):

$("#chart").data("kendoChart").options.series[2].visible = false;
$("#chart").data("kendoChart").redraw();
$("#chart").data("kendoChart").options.series[2].visible = true;
$("#chart").data("kendoChart").redraw();

$("#chart").data("kendoChart").options.series[1].visible = false;
$("#chart").data("kendoChart").redraw();
$("#chart").data("kendoChart").options.series[1].visible = true;
$("#chart").data("kendoChart").redraw();

$("#chart").data("kendoChart").options.series[0].visible = false;
$("#chart").data("kendoChart").redraw();
$("#chart").data("kendoChart").options.series[0].visible = true;
$("#chart").data("kendoChart").redraw();

at this time all series should be visible

And now execute:
$("#chart").data("kendoChart").dataSource.read();
Please observe, that 'Wind' (the last series) disappears

Best regards
Dirk