PDA

View Full Version : How can we show tooltip when the mouse go over a data point on line chart ?



SebTardif
24 Feb 2011, 9:15 AM
How can we show tooltip when the mouse go over a data point on line charts like: http://dev.sencha.com/deploy/ChartsDemo/examples/chart/Line.html ?

None of the examples show value of the data point or do something dynamic with the mouse.

Animal
25 Feb 2011, 9:55 AM
Looking at charts/Charts.js, I see the code



tips: {
trackMouse: true,
width: 80,
height: 40,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('name') + '<br />' + storeItem.get('data1'));
}
},

SebTardif
25 Feb 2011, 11:00 AM
Right, I thought I tried all of them, maybe it just come with preview 2.

http://dev.sencha.com/deploy/ext-4.0-pr2/examples/charts/Charts.html

najeel
17 Jun 2011, 12:04 AM
Tool tip showing same data for markers that stay close to each other and in the renderer event the item returned is same for the markers staying close


26616

nosferatum
14 Jan 2014, 8:22 AM
Where should I put this "tip" property? Adding it do Ext.chart.Chart does not add tooltips.

sulabh300
29 Jan 2015, 10:39 PM
Tool tip showing same data for markers that stay close to each other and in the renderer event the item returned is same for the markers staying close


26616





i have the same issue and also how to render tool tip only on the data point it actualy gets rendered sometimes at abstract positions. kindly look into it