jQuery Bar Charts Custom Visuals

Loading Demo...

Also available for:



You can implement custom visualizations for the Bar and Column Chart legend items, axis titles, labels, markers and series by utilizing the Kendo UI Drawing API.

To use the Drawing library and customize visual elements, assign a JavaScript function which creates these custom shapes to the seriesDefaults.visual property of the Chart. The function argument fields provide context information, such as rect (the kendo.geometry.Rect that defines where the visual will be rendered) and options (different options depending on the item type).

This Bar Chart example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Support & Learning Resources

Additional Resources