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

Higlight Specifc Bar by changing border from solid to red dashes

3 Answers 43 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Abe
Top achievements
Rank 1
Abe asked on 05 May 2015, 03:33 PM

Hi,

Is it possible to highlight specific bars within a series based on a specific search condition?

I have a Bar chart  that display a number of series. This chart is loaded based on specific prompts. But, once the chart is displayed, the user may want to highlight some of the  bars which contain a specific VIN which is entered by the user within the page. There is a search VIN (Vehicle Identification #) button, which when is clicked, a request is sent to the data service which returns the matching bars indexes that we need to highlight.

The way I want ot highlight the bars that meet the search condition is not by changinging the bars colors. Instead, I want to make the borders of the highlighted bars switch from solid to dashed and in Red color.

 Is this possible to do in KendoChart?

 

Thanks.

3 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 07 May 2015, 10:19 AM
Hello,

This can be achieved by using a function for the border option that returns the needed highlight options for the items that should be highlighted. I created an example that demonstrates the scenario.

Regards,
Daniel
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Abe
Top achievements
Rank 1
answered on 07 May 2015, 01:11 PM

Hi Daniel, I am getting failed to load snippet when I click on example link.

I can't see your solution. Please repost it or send it to me by email. Thanks a lot for your help.

Thanks

0
Daniel
Telerik team
answered on 08 May 2015, 10:40 AM
Hi again,

I attached the sample to the thread.

Regards,
Daniel
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
Abe
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Abe
Top achievements
Rank 1
Share this question
or