extjs - Ext JS chart Tooltip not rendering under mouse pointer -
i trying add tooltips extjs chart. tooltip getting rendered not under mouse pointer. getting rendered near end of page.
ext.create('ext.chart.chart', { renderto: ext.getbody(), width: 470, height: 300, store: store, axes: [{ type: 'numeric', minimum: 0, minorticksteps: 0, maximum: 150, position: 'left', fields: ['liney', 'greeny', 'yellowy', 'redy'], title: 'buffer penetration' }, { type: 'numeric', position: 'bottom', fields: ['linex', 'areax'], title: 'critical chain comp' }], series: [ { type: 'area', axis: 'left', xfield: 'areax', yfield: ['redy'] }, { type: 'area', axis: 'left', xfield: 'areax', yfield: ['yellowy'] }, { type: 'area', axis: 'left', xfield: 'areax', yfield: ['greeny'] }, { type: 'line', axis: 'left', fill: false, // tip: 'this tip', xfield: 'linex', yfield: 'liney', tips: { trackmouse: true, width: 140, height: 28, renderer: function (storeitem, item) { // calculate , display percentage on hover this.settitle("tooltip text"); } } } ] });
i have code here : http://jsfiddle.net/abhishek1191/vdazu/1076/
i feel doing silly here or maybe there issue extjs library using. highly appreciated
Comments
Post a Comment