How to add Tool tip to bubble chart in angularjs

2 posts, 0 answers
  1. balaji
    balaji avatar
    1 posts
    Member since:
    May 2016

    Posted 19 May Link to this post

    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>

  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 22 May Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top