Two date axes - can be merged into one?

[Jiří]

I have two date series with different interval between timestamps, within the same time range. I'd like them to be lines with a gap instead of empty/missing values. The problem is, that to fulfil both requirements, I obviously need to create two axes - with different base unit step (otherwise one serie is continuous and the other is discrete).

As in this example: https://dojo.telerik.com/ZhgHEaJP

My question is whether there is a way how to 'merge' the two axes together to have just a single axis, as they are similar (except the base unit step), and to see the points at the same timestamp directly above.

[Yanmario]

Hi Jiří,

There is no built-in way to merge two axes into one. You can share the desired UI and your current progress in a runnable example. That will help me check if there is a possible solution. In general, merging axes is not a supported feature in the component.

I will share an example that shows the rendering of time between the gaps of the first axis:

https://stackblitz.com/edit/angular-ozdasfhj-yhtaaxcm?file=src%2Fapp%2Fapp.component.ts

and also the Kendo Angular version of the shared jQuery example - https://stackblitz.com/edit/angular-ozdasfhj?file=src%2Fapp%2Fapp.component.ts

I hope the provided information is helpful.

Regards,
Yanmario
Progress Telerik

[Jiří]

Dear Yanmario,

maybe I haven't expressed well, but I want these three conditions to be fulfulled:

• Just a single x-axis is visible
• Both series are continuous (points are connected)
• Points for the same timestamp are not shifted, but overlay

I haven't found a way how to achieve it.

[Yanmario]

Hi Jiří,

I still do not fully understand the issue. I suggest updating the following example with your current Chart setup and sharing more details about the expected result. A screenshot or a link to a similar Chart rendering would also help clarify the request.