How To Set Tooltip Background & Bold & Padding?

[jami]

hiAs attached picture, I want to set tooltip background and some word bold and padding value, how to do it?

Thanks.

[Swarnam]

Hi,

 

FusionCharts v3 introduces Styles to help you apply font, effects and animations to various objects of the chart. Styles lends a simple mechanism using which you can easily control the visual layout of charts.

 

By applying Font Style property to the tool tip, background color and padding can be obtained.

 

Ref. Code:

<set label='Feb' value='910000' toolText="<b>date:</b> 02-03 {br} <b>num:</b> 100"/>

......

 

<style name='ToolTips1' type='font' font='Verdana' size='12' bgColor='99E3BB' borderColor='E10000' leftMargin='20' isHTML='1' />

 

Hope this helps.

[jami]

Hi,

 

FusionCharts v3 introduces Styles to help you apply font, effects and animations to various objects of the chart. Styles lends a simple mechanism using which you can easily control the visual layout of charts.

 

By applying Font Style property to the tool tip, background color and padding can be obtained.

 

Ref. Code:

<set label='Feb' value='910000' toolText="<b>date:</b> 02-03 {br} <b>num:</b> 100"/>

......

 

<style name='ToolTips1' type='font' font='Verdana' size='12' bgColor='99E3BB' borderColor='E10000' leftMargin='20' isHTML='1' />

 

Hope this helps.

 

 

Font Style is ok, but the method to set the style of background picture doesn't find.

And also the padding effect by leftMargin can't work.

Thanks for your reply.

[Guest Sumedh]

Hi,

 

You can set an image in the background of the chart.

 

Please note, for adding image in the background, you would need to set 'bgImage' attribute under the chart element.

 

Ref. Code:

 

<chart bgImage="path of your image file.">

 

I am afraid, I could not replicate the same.

 

'leftMargin' attribute is working fine at our end.

 

You would need to set this attribute, under the chart element.

 

For more information, please refer the following links:

 

http://docs.fusionch...Background.html

 

http://docs.fusionch...sc/Padding.html

 

Also, find attached screenshot for your reference.

 

Hope this helps.

[jami]

Hi,

 

You can set an image in the background of the chart.

 

Please note, for adding image in the background, you would need to set 'bgImage' attribute under the chart element.

 

Ref. Code:

 

<chart bgImage="path of your image file.">

 

I am afraid, I could not replicate the same.

 

'leftMargin' attribute is working fine at our end.

 

You would need to set this attribute, under the chart element.

 

For more information, please refer the following links:

 

http://docs.fusionch...Background.html

 

http://docs.fusionch...sc/Padding.html

 

Also, find attached screenshot for your reference.

 

Hope this helps.

 

Sorry, this is a mistake which is not my meaning.

I want to set an image in the background of the tooltip.

And find tune the padding of the tooltip as attached file.

[Guest Sumedh]

Hi,

 

I am afraid, setting background image, margin and padding in tooltip is not available, as of now.

 

Thanks for your support and patience.

[jami]

Hi,

 

I am afraid, setting background image, margin and padding in tooltip is not available, as of now.

 

Thanks for your support and patience.

 

It's ok. Thanks for your help.

[Guest Sumedh]