Chart Markers - Vertical line

2 posts, 0 answers
  1. Muhammad
    Muhammad avatar
    1 posts
    Member since:
    Feb 2013

    Posted 21 Feb 2013 Link to this post

    Hi,

    I'm evaluating Kendo UI for our web / mobile project at the moment. I have browsed through the documentation and did not find much information on customizing chart Markers. I am looking for something similar to this high chart demo (specifically the marker line that shows up when you mouse over the data points). Can this functionality be replicated via Kendo UI DavaViz? Also, can we grab the tooltip values on mouse over and display it somewhere else on the chart; lets say near the legend?

    http://www.highcharts.com/demo/line-ajax


  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 21 Feb 2013 Link to this post

    Hi Muhammad,

    Straight to your questions
    • I am afraid showing a line when hover over the markers is not supported in Kendo UI Chart. If you wish you can submit this idea as a feature request at our UserVoice portal - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementation for future versions of the product;
    • Modifying the position of the Chart's tooltip is currently not supported out of the box. As a possible workaround I can suggest the following approach: 
    1. Hide the tooltip as set visible: false configuration;
    2. Hook up to the seriesHover event;
    3. In such event call a function which sets the tooltip with custom position.
      <script>
      $("#chart").kendoChart({
        //....
        tooltip: {
           visible: false,
           format: "{0}%"
        },
        seriesHover: showTheTooltip
      });
        
      function showTheTooltip(e) {
          $("#chart .k-tooltip").html(kendo.format(e.series.tooltip.format, e.value) + " - " + e.category).show();
      }
      </script>
       
      <style>
      .k-tooltip{
        //custom position and size
      }
      </style>
    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top