Step Chart Visual Marker Position

11 posts, 1 answers
  1. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 12 Jan Link to this post

    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.

  2. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 12 Jan in reply to Dragos Link to this post

    To be more precise i wanna achive something like this
  3. Kendo UI is VS 2017 Ready
  4. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 13 Jan in reply to Dragos Link to this post

    Can someone please point me in some direction :(
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 14 Jan Link to this post

    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!
     
  6. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 14 Jan in reply to Iliana Nikolova Link to this post

    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

  7. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 19 Jan Link to this post

    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!
     
  8. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 20 Jan in reply to T. Tsonev Link to this post

    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.

  9. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 22 Jan Link to this post

    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!
     
  10. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 28 Jan in reply to T. Tsonev Link to this post

    Fantastic answer. Solved my problem. Many Thanks!
  11. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 04 Oct Link to this post

    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.

  12. Answer
    Daniel
    Admin
    Daniel avatar
    2118 posts

    Posted 06 Oct Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready