Kendo UI Charts with Angular JS Tooltips Clipping at Top

[Beryl]

I am using Kendo Chart with Angularjs and Tooltips are being clipped at the top.  I tried using the following:

                            <div kendo-chart
                                 k-series-defaults="{type: 'column', labels:{visible: true, background: 'transparent', field: 'modulePercentage', format:'p0', template: '#= value#%'}}"
                                 k-series="[{field: 'modulePercentage', colorField: 'BackGroundColor', name: 'SSQScore', type: 'pie'}]"
                                 k-plot-area="{margin:{top: 5, left: 25, right: 25, bottom: 5}}"
                                 k-category-axis="{field: 'Score', labels:{font: 'bold 8px sans-serif', rotation: '-45'},majorGridLines:{visible: true}, line:{visible: true}}"
                                 k-value-axis="{majorGridLines: {visible: true}, visible: true}"
                                 k-tooltip="{visible: true, template: ' #=dataItem.moduleCount # '}"
                                 k-data-source="filteredContractorStatus"
                                 k-series-click="onContractorClick"
                                 k-panes="[{clip: false}]">

                            </div>

 

But nothing changes.  

Any assistance is greatly appreciated.

 

[Daniel]

Hello,

Could you provide a runnable sample that demonstrates the issue? The chart tooltip should be fitted in the screen by default.

If you are referring not to the tooltip but to the labels then I can suggest to adjust the series padding and/or the labels distance.

Regards,
Daniel
Progress Telerik