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

No Highligh.Line.Width support for Line Chart

3 Answers 37 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Jacques
Top achievements
Rank 2
Jacques asked on 16 Feb 2015, 03:23 PM
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? 

3 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 17 Feb 2015, 03:18 PM
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.

 
0
Jacques
Top achievements
Rank 2
answered on 18 Feb 2015, 08:50 AM
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. 
0
Danail Vasilev
Telerik team
answered on 20 Feb 2015, 06:44 AM
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.

 
Tags
Chart
Asked by
Jacques
Top achievements
Rank 2
Answers by
Danail Vasilev
Telerik team
Jacques
Top achievements
Rank 2
Share this question
or