Hi there,
I am new to Kendo UI Charts. Am I getting this right? The navigator is only for stock charts?
I don't get why, this would also be very helpfull for line charts. I could only find a very old question regarding this, with not a really good answer.
Is it still the case that there is no way to display a line chart with a navigator? Or is it possible to display a line in the stockchart kind of similar to a line chart instead of candlesticks?
Best Regards,
FirestormHell
3 Answers, 1 is accepted
Hi FirestormHell,
The navigator is specifically made for the StockChart, but there is an available selection configuration that will work for the line type Chart:
and I would also share an example that uses the Slider component to load a specific range of data:
https://stackblitz.com/edit/angular-iy2mst-ktcknb?file=app%2Fapp.component.ts
I hope this helps.
Regards,
Yanmario
Progress Telerik
Rank 1
Iron
Hi Yanmario,
Thanks for the answer, the selection configuration of the first link seems exactly like the thing I need. I will try it :).
Best Regards,
FirestormHell
Rank 1
Iron
Hey again,
I am trying the navigator selection configuration. It works and it does what it is supposed to do.
What I don't really get is, there seems to be no way to connect the navigator with the chart in full. The series seem to be duplicated, leading to duplicated legend entries for the serieses, different colors of the single lines for the chart and the navigation in a multiple line chart.
I tried to work with seriesColors, but since the serieses in the navigator are new ones they do not get the same color as in the chart.
This is probably managable outside the chart to set a specific color to the series explicitly and reset it accordingly in the navigation.
I also managed to hide the legend items in the navigator.
But where it gets tricky is the click on the line item in the legend which makes the line invisible, this of course only works in the chart and does not propagate to the navigation, since as I said it seems there is no easy way to connect the serieses in the navigator and in the chart, right?
Any suggestions?
Hi Leo,
Yes, there isn't a specific way to connect them and it is more like a separate pane that runs the same values for navigation purposes. The Navigator itself was mainly made for the StockChart and this is only a possible approach to use it with categorical Charts.
In theory, you can do your own navigator by using a second pane which will have the same values and colors as your main pane and you can execute some code to filter the data base on the selection. Example of how it can look with two panes:
https://stackblitz.com/edit/angular-ubmafb?file=src%2Fapp%2Fapp.component.ts
The example itself doesn't show any data manipulation and the developer can include it for their own specific scenario.
I hope this helps.
Regards,
Yanmario
Progress Telerik