[anoopkumar]

I need to get a tool tip exactly like the image i have attach here with this post. Is there any way to get the piechart tooltip like this fushionchart 2d pie chart. Please respond immediately.

This post has been edited by anoopkumar: 12 January 2012 - 09:44 PM

[Bindhu]

Hi Anoop,

Welcome to the FusionCharts Forum

Thank you for the post.

You can set a custom tool tip for any of the data points using 'tooltext' attribute of the <set> element.

You may also customize the background & border color of the tool tip using the toolTipBorderColor and toolTipBgColor attributes respectively.

FusionCharts v3 allows you to put your tool tips in multiple lines with a little manual tweaking.

All that you have to do to add a line break in the tool-tip is to use the pseudo code {br}.

Ref. Code:

<set label="21%, France" value="17" toolText='$France {br}  -------------------------{br} secondLine  data {br}-------------------------- {br} 21%' displayValue='France'/>

Also, in order to apply a different color for the toolText you may use styles.

Ref. Code:

<styles>
  	<definition>
        	<style name='myToolTipFont' type='font' font='Arial' size='12' color='FFFFF'/>
  	</definition>
  	<application>
        	<apply toObject='ToolTip' styles='myToolTipFont' />
  	</application>
 </styles>

Please find attached screenshot of the chart rendered with the above settings done.

Also, for more information on 'Attributes for Tool Tip', please refer to the link below,
http://docs.fusionch...sc/ToolTip.html

Hope this helps !

Happy FusionCharting

Attached thumbnail(s)

• 

This post has been edited by Bindhu: 13 January 2012 - 03:30 AM