This is a migrated thread and some comments may be shown as answers.

Kendo UI Charts with Angular JS Tooltips Clipping at Top

1 Answer 84 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Beryl
Top achievements
Rank 1
Beryl asked on 25 Jul 2017, 08:08 PM

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.

 

1 Answer, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 27 Jul 2017, 07:17 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Beryl
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Share this question
or