No Highligh.Line.Width support for Line Chart

[Jacques]

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? 

[Danail Vasilev]

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

 

 

[Jacques]

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. 

[Danail Vasilev]

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