Hybrid View
-
25 Oct 2012 11:39 PM #1
Unanswered: get the tooltip value of each grouped column in extjs 4 chart
Unanswered: get the tooltip value of each grouped column in extjs 4 chart
Please how is it possible?
My tooltip :
Please helpCode:tips: { trackMouse: true, width: 74, height: 28, renderer: function(storeItem, item) { this.setTitle(storeItem.get('Week') + ': ' + storeItem.get(EACH COLUMN OF MY GROUPED COLUMN CHART)); } }
-
29 Oct 2012 6:31 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,582
- Vote Rating
- 433
- Answers
- 3102
storeItem is the record so you have access to each text from the other bars in that group.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
29 Oct 2012 8:07 AM #3
I found on an example, they were using "item.storeField" to get the name of the field, but it's not workin for me. Any ideas please?
-
7 May 2013 11:30 PM #4
Tooltip on each bar of grouped chart
Tooltip on each bar of grouped chart
I am also facing the same issue. I need to show the name of the Y-field in the tooltip,but I get only the value of it.
Here is my code:
var lineChart = Ext.create('Ext.chart.Chart', {
renderTo: Ext.get('BarChart'),
style: 'background:#fff',
insetPadding: 30,
width: 600,
height: 600,
animate: true,
store: chartData,
shadow: true,
theme: 'CustomBlue',
legend: {
position: 'right'
},
axes: [{
type: 'Numeric',
position: 'bottom',
smooth : false,
minimum: 0,
highlight: {
size: 15,
radius: 15
},
fields: ['D1','D2'],
title: 'Metric Value'
},
{
type: 'Category',
position: 'left',
fields: ['trend_key'],
title: 'Month',
minimum :0
}],
series: [ {
type: 'bar',
axis:[ 'bottom'],
xField: 'trend_key',
yField: ['D1','D2'],
tips: {
trackMouse: true,
width: 200,
height: 25,
renderer: function(storeItem, item) {
}
},
title:['L1','L2']
}]
});
So, the tooltip doesn't tell me whether D1 or D2 field has been used.


Reply With Quote