This is a migrated thread and some comments may be shown as answers.

Step Chart Visual Marker Position

10 Answers 244 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Dragos
Top achievements
Rank 1
Dragos asked on 12 Jan 2016, 09:02 AM

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.

10 Answers, 1 is accepted

Sort by
0
Dragos
Top achievements
Rank 1
answered on 12 Jan 2016, 11:20 AM
To be more precise i wanna achive something like this
0
Dragos
Top achievements
Rank 1
answered on 13 Jan 2016, 08:37 AM
Can someone please point me in some direction :(
0
Iliana Dyankova
Telerik team
answered on 14 Jan 2016, 10:05 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Dragos
Top achievements
Rank 1
answered on 14 Jan 2016, 01:18 PM

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

0
T. Tsonev
Telerik team
answered on 19 Jan 2016, 08:24 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Dragos
Top achievements
Rank 1
answered on 20 Jan 2016, 02:40 PM

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.

0
T. Tsonev
Telerik team
answered on 22 Jan 2016, 09:25 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Dragos
Top achievements
Rank 1
answered on 28 Jan 2016, 03:27 PM
Fantastic answer. Solved my problem. Many Thanks!
0
Dragos
Top achievements
Rank 1
answered on 04 Oct 2016, 12:03 PM

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.

0
Accepted
Daniel
Telerik team
answered on 06 Oct 2016, 08:13 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Charts
Asked by
Dragos
Top achievements
Rank 1
Answers by
Dragos
Top achievements
Rank 1
Iliana Dyankova
Telerik team
T. Tsonev
Telerik team
Daniel
Telerik team
Share this question
or