Generally speaking, in order to center a Kendo Chart inside a div, you should set text-align: center
to the wrapper element of the chart's container and display: inline-block
to the chart's div container:
I have created a working example in the following Dojo:
If for some reason these additional styles are not working in your case, can you please update the Dojo with your custom configuration so that I can provide you with the respective CSS rules?
I hope this helps.
Get quickly onboarded and successful
with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.