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

How to add Tool tip to bubble chart in angularjs

1 Answer 145 Views
Charts
This is a migrated thread and some comments may be shown as answers.
balaji
Top achievements
Rank 1
balaji asked on 19 May 2016, 11:42 AM

How can i add tool tip to the bubble chart in angular directive.?

in below code

 

<div kendo-chart
                 k-title="{ text: 'Crime stats', position: 'bottom' }"
                 k-legend="{ position: 'top' }"
                 k-series="[ {
                                 type: 'bubble',
                                 xField: 'year',
                                 yField: 'burglary',
                                 sizeField: 'population',
                                 categoryField: 'year'
                             }]"
k-x-axis="{
                                max: 2035,
                                min: 2009,
                                labels: { format: '{0}' },
                                title: { text: 'year' }
                             }"
                 k-y-axis="{
                               min: 10,
                                labels: { format: '{0}' },
                                title: { text: 'Performance Ratio' }
                             }"                             
                 k-series-hover="onSeriesHover"
                 k-data-source="crimeDataSource" 
                 style="height: 250px;" ></div>

1 Answer, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 23 May 2016, 08:30 AM
Hi,

Try setting up the tooltip through the k-tooltip attribute:
k-tooltip='{ visible: true, format: "{3}: {2:N0} applications", opacity: 1 }'

See the documentation setting configuration options for more details.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
balaji
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Share this question
or