PDA

View Full Version : Chart highlighting and tooltips



teodor.taushanov
15 Apr 2013, 7:22 AM
How I can highlight the two series when a tooltip is displayed.

43147

Currently I'm creating this chart, but I want to highlight and the blue line at the same time as well:

43148
Like the shared tooltips in jqChart:

http://www.jqchart.com/jquery/chart/ChartFeatures/SharedTooltips

slemmon
17 Apr 2013, 8:20 AM
The tip renderer (http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.chart.series.Series-cfg-tips) has access to the entire record used to render the points on the axis so having a 'shared tip' is certainly possible. Highlighting the adjacent point on the different line series on the axis might take some digging.

You might look into the following method: highlightItem() (http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.chart.Highlight-method-highlightItem)

teodor.taushanov
18 Apr 2013, 7:01 AM
I was able to implementing it with overriding highlightItem() (http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.chart.Highlight-method-highlightItem) method. It's working ok now.