No Highligh.Line.Width support for Line Chart

4 posts, 0 answers
  1. Jacques
    Jacques avatar
    135 posts
    Member since:
    Jun 2007

    Posted 16 Feb 2015 Link to this post

    I'm looking in the documentation but it seems that it is not possible to set the Highlight.Line.Width for a line chart as you can with a OHLC type chart. The JS equivalent would look as follows: 

    <script>
    $("#chart").kendoChart({
      series: [{
          type: "ohlc",
          data: [
            { open: 1, high: 3, low: 0, close: 1 },
            { open: 2, high: 4, low: 1, close: 1.5 },
          ],
          highlight: {
            line: {
              width: 5
            }
          }
      }]
    });
    </script>

    In our case when you hover over the line itself the dot appears on the series line with the data at that point, but the line width stays the same, which is acceptable. However, when you hover over the legend the line width increases dramatically. So if your line was set to 5 to begin with, you end up with a pretty ugly looking line on hover. 

    Why isn't this possible, or where have I missed the documentation for this configuration? 
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 17 Feb 2015 Link to this post

    Hi Jacques,

    As per the series.highlight.line  help article this feature is available only for candlestick and ohlc series. What I can suggest is that you attach to the seriesHover event where you can change the line of the series and then with some timeout return its original width. You can take a look at this example where such an approach is illustrated.

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Jacques
    Jacques avatar
    135 posts
    Member since:
    Jun 2007

    Posted 18 Feb 2015 in reply to Danail Vasilev Link to this post

    Thanks Danail, I used a somewhat similar approach: 

    $("#chart1").data("kendoChart").bind("legendItemHover", function (e)
    {
        e.preventDefault();
    });

    Can't understand why this field in a line chart is not configurable. 

    Appreciate the help. 
  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 20 Feb 2015 Link to this post

    Hello Jacques,

    You can also share your ideas and feedback on the official Kendo UI UserVoice site:

    http://kendo.uservoice.com


    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready