[Solved] How to render multiple chartseriesitem line elements with differing start dates?

[Janki]

Kendo shifts lines with later start dates to the beginning (yellow line should not start until 12/31/1999):

Setting missingValues=”gap” does not seem to change the rendering of the chart. Is there any prop or setting I missed?

[Stefan]

Hello, Janki,

There are two options in this case:

1) Have the values in the object value-category pair. This way the like will start based on the category value of the first point:

https://www.telerik.com/kendo-react-ui/components/charts/chart/data-binding/#toc-objects

2) Add null values, to the second series based on the missing values. I made an example showcasing this:

https://stackblitz.com/edit/react-sbmeuc?file=app/main.tsx

I hope one of the approaches proves helpful.

Regards,
Stefan
Progress Telerik