In the JQuery Kendo Chart, I was able to have 2 Y axes, one on the left and the other on the right side of the chart.
How would I go about doing this in the React Chart control? I tried setting the axisCrossingValue but didn't have any luck.
Is this feature available?
3 Answers, 1 is accepted
0
Hello, Erik,
This is supported for the KendoReact Chart as well.
It has to be set to the CategoryAxisItem:
https://stackblitz.com/edit/react-xtyhbu?file=app/main.js
I hope this is helpful.
Regards,
Stefan
Progress Telerik
This is supported for the KendoReact Chart as well.
It has to be set to the CategoryAxisItem:
https://stackblitz.com/edit/react-xtyhbu?file=app/main.js
I hope this is helpful.
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Erik
Top achievements
Rank 1
Rank 1
answered on 05 Mar 2019, 07:31 PM
Thanks .
My use case is with numerical data. I have multiple series that share the same but have different Y axis.
I am attaching an example for clarity.
0
Hello, Erik,
Thank you for the additional information.
I assume based on the screenshot that each axis has to be associated with a specific series. This is done by setting the axis prop on the series and the name prop of the value axis. Then the Chart will match them:
https://www.telerik.com/kendo-react-ui/components/charts/api/ChartValueAxisItemProps/#toc-name
https://www.telerik.com/kendo-react-ui/components/charts/api/ChartSeriesItemProps/#toc-axis
https://stackblitz.com/edit/react-xtyhbu?file=app/main.js
Regards,
Stefan
Progress Telerik
Thank you for the additional information.
I assume based on the screenshot that each axis has to be associated with a specific series. This is done by setting the axis prop on the series and the name prop of the value axis. Then the Chart will match them:
https://www.telerik.com/kendo-react-ui/components/charts/api/ChartValueAxisItemProps/#toc-name
https://www.telerik.com/kendo-react-ui/components/charts/api/ChartSeriesItemProps/#toc-axis
https://stackblitz.com/edit/react-xtyhbu?file=app/main.js
Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items