Bar chart with target line

[Chaitra]

Hi,

How we can add a target line to the bar chart. I have seen example we can add target line to column chart. Same way how we can add to the bar chart.

Below is the link with column chart and target

https://next.plnkr.co/edit/6RQAu7t9WZm8iCBl?preview

How I can convert this to bar chart with target.

[Dimiter Topalov]

Hi Chaitra,

We recommend using the Bullet Charts that have the desired capabilities (and further built-in enhancements) for displaying bar and column graphs with target lines out-of-the-box:

https://www.telerik.com/kendo-angular-ui/components/charts/series-types/bullet/

https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesItemComponent/#toc-currentfield

https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesItemComponent/#toc-target

https://www.telerik.com/kendo-angular-ui/components/charts/api/BulletTarget/

That said, you can "rotate" the custom visuals used in the provided Plunkr example to render the custom visuals representing the target lines by switching the x and y values and the arguments, passed to the drawing functions, e.g.:

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

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Chaitra]

Hi Dimiter Topalov,

I have gone through the bullet chart graph. But how can we achive the same multiple bar stack chart with bullet chart. 

If any plunker you are able to provide for the same it will be helpful.

As per my understanding I have tried for one chart , but how can we enable as multiline chart

https://stackblitz.com/edit/angular-wg8r1q-xrfrql

Thanks

[Dimiter Topalov]

Hi Chaitra,

Indeed, using the outlined approach with the combined capabilities of the stacked bar and bullet charts is unfortunately not supported. For such scenarios, you will need to utilize the custom visual approach, as previously discussed - render the regular stack bar chart, and a custom visual for each series.

Regards,
Dimiter Topalov
Progress Telerik