Step Chart Visual Marker Position

[Dragos]

Hello guys, 

Is there a way to change the visual marker to be on left on the line on the middle.

I have provided this dojo to better illustrate what i want to do.

Thank you very much.

[Dragos]

To be more precise i wanna achive something like this

[Dragos]

Can someone please point me in some direction :(

[Iliana Dyankova]

Hi Dragos,

This scenario is not supported out-of-the-box by Kendo UI Chart. In order to get it you need to manually draw the markers via the drawing API. A basic example is here.

Regards,
Iliana Nikolova
Telerik

 

 

[Dragos]

Hello Iliana,

Thank you very much for the answer but how can i make that dynamic ?

How did you come up with the 150 on this line: path.transform(geom.transform().translate(150, 0));

It dosen't work when you resize the screen.

 

Thank you in advance

[T. Tsonev]

Hi,

Sorry for the delay. I had to try a few things before settling on a solution approach.

The idea is to obtain the slot rectangle from the axis. I've made the necessary changes in this annotated example.

Let me know if that helps.

Regards,
T. Tsonev
Telerik

 

 

[Dragos]

Wow, this is perfect.

I have a question tho, can i change the triangle to be a square and if so can you provide me with an example :)

Thank you very much.

[T. Tsonev]

Hello,

You can use the Rect shape directly, no need to draw a path in this case. Examples are available in the API reference.

I hope this helps.

Regards,
T. Tsonev
Telerik

 

 

[Dragos]

Fantastic answer. Solved my problem. Many Thanks!

[Dragos]

Regarding the same thing.

Using a Custom visual like this dojo how can i achieve the following.

Display Custom Icon just for the 3rd and the 4th point, otherwise keep default kendo ui chart functionality for the rest, same as for markers highlight.

I have tried some thing none of them work unfortunately so any help is much appreciated.

[Daniel]

Hi,

You can use the argument createVisual method to return the default visual. In order to get the default highlight you should just not call the preventDefault method - example.

Regards,
Daniel
Telerik by Progress