Column chart - Customization

[Software Procurement]

We have a custom requirement on the top of column chart as shown in the attachment.

Could you please let me know, if this is feasible using Kendo UI chart library.

 

Thanks in advance.

[Niko]

Hello Jaime,

Such a scenario is not supported out-of-the-box for the bar series.

In order to achieve such a functionality you could use the drawing API. Check the following example - http://demos.telerik.com/kendo-ui/bar-charts/visuals. It demonstrates the power of the drawing API to modify the rendering of the chart series.

Another option is to use separate charts for the larger bars and then more charts for the sub-bars.

Hope this helps.

Regards,
Niko
Telerik by Progress

 

 

[Software Procurement]

As per my understanding we need more development effort for this. Could you please provide some code samples for our custom visual? 

[Niko]

Hello Jaime,

The visual handler that renders the series items is part of the series definition - http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.visual. Within the visual handler you need to implement the logic according to the solution you aim for. To do that you will need to use the drawing API to create the different shapes and models.

Unfortunately I am not aware of any demo, article or code sample that covers your particular scenario, hence I cannot provide you with the code that targets your case. Nevertheless the information from the documentation above should be enough to help you start the implementation.

Regards,
Niko
Telerik by Progress