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

Multiseries Bar chart with tooltip

4 Answers 170 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
software
Top achievements
Rank 1
software asked on 19 Jun 2018, 10:57 AM
How we can implement same chart as below link with angular
https://docs.telerik.com/kendo-ui/knowledge-base/chart-how-to-draw-a-custom-target-line-over-a-bar

Also there tooltip is not coming.How We can get tooltip for both bar graph Current value and target value. We are only getting value but not value.target in tooltip

Thanks

4 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 21 Jun 2018, 07:27 AM
Hello,

It is possible to use the same approach for the angular chart - example.
I am not sure if I understand the question about the tooltip but it should be possible to use template to show the target value  from the dataItem in the tooltip.

Regards,
Daniel
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
software
Top achievements
Rank 1
answered on 21 Jun 2018, 10:03 AM

Hi,

Thanks a lot, Now only one issue in current dataset if i have a value difference is more then the target is not showing properly , it will show all target at top.. (all current values will be 0 at begining and target values will be like 1000+) but the Y-axis values will show till 30 or 40 only.. how I can make sure the axis values will come correctly

Please see attached screen shot - 

https://next.plnkr.co/edit/lX9YuqaMVshLDLlD

THANKS AGAIN

0
Accepted
Daniel
Telerik team
answered on 22 Jun 2018, 10:58 AM
Hi,

The chart does not have information about the custom drawn targets so it will not automatically expand the axis. You could either use bullet chart which knows about the target values, or calculate the maximum and set it to the axis - updated example.

Regards,
Daniel
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
software
Top achievements
Rank 1
answered on 28 Jun 2018, 09:04 AM

Hi Daniel,

Thanks a lot for your support.
I will go through the bullet chart also. 

Thanks Again..... :)

Tags
General Discussions
Asked by
software
Top achievements
Rank 1
Answers by
Daniel
Telerik team
software
Top achievements
Rank 1
Share this question
or