Kendo Chart render issue

[Benjamin]

My chart gets cut off

current issue

 

But it seems to be working properly on dojo

 

I have copied all my CSS and JS used on my site to dojo, but I still don't understand why it is not working on my site.

as the site is an internal site, I am not able to provide a link to the actual site.

[Benjamin]

alter css and markup with the following

 <div class="col-sm-7" style="height:480px">
     <div id="ohi-chart" style="width: 100%; height:100%;"></div>
 </div>

The chart height seems ok, but categories are still not shown.

[Neli]

Hi Benjamin,

It is hard to suggest a reason for the observed issue without being able to replicate locally. What I would suggest is to remove all the styles and scripts that are not Kendo related and test the behavior. I see that you are using Bootstrap. Please try to test what is the appearance of the Chart component if Bootstrap is not used on the page.

Looking forward to your reply.

Regards,
Neli
Progress Telerik

[Benjamin]

i finally found the issue to be due the the fill attribute for <text> for the chart is set to none.