Multiline Tooltips ??

[DavidScavo]

Is there a way to do multi-line tool tips for an entity value ????

ex:

Total Accounts: 257

Total Sales: $1,500,450

I tried and [backslash]n and [backslash]r[backslash]n in the XML file, but both just showed up in the tool tip.

Thanks.

Edited February 4, 2008 by Guest

[FusionCharts Support]

hi,

You need to use a special font style attribute for the tooltip object :

The XML for the style for tooltip would be like this :

<styles>

  <definition>

<style name='TTipFont' type='font' isHTML='1' />

  </definition>

  <application>

<apply toObject='TOOLTIP' styles='TTipFont' />

  </application>

 </styles>

Now in the tooltip values you need to put HTML <BR> to provide line breaks:

say if you want to show :

Total Accounts: 257

Total Sales: $1,500,450

<entity id='001' tooltext='Total Accounts: 257<br>Total Sales: $1,500,450' />

Note : <br> - this is the line break <BR> in XML encoded form.

The above entity XML will work for dataURL method . If you are using dataXML mehtod to provide XML you need to use

%26lt;br%26gt; instead of <br>

[DavidScavo]

Thanks for the quick reply. I understand the method you are using to support this.

However when I plug in the suggested changes, I am still getting the same tooltips with all the text on 1 line....

I know it is just something stupid I am doing, but I just can't see it :crying: What am I missing here ?

XML file:

<map borderColor='005879' fillColor='D7F4FF' baseFontSize='10' showBevel='0' >

 <data>

<entity id='GA' value='1' Tooltext='Total Projects: 1<br>Total Amount: $100,002' />

<entity id='NC' value='2' Tooltext='Total Projects: 2<br>Total Amount: $200,000' />

<entity id='NC' value='3' Tooltext='Total Projects: 3<br>Total Amount: $300,000' />

<entity id='PA' value='4' Tooltext='Total Projects: 4<br>Total Amount: $400,000' />

 </data>

 <styles>

<!-- Allow HTML formatting in tooltips -->

<definition>

 <style name='TTipFont' type='font' isHTML='1' />

</definition>

<application>

 <apply toObject='TOOLTIP' styles='TTipFont' />

</application>

 </styles>

</map>

Web page code:

 <script language="JavaScript" src="FusionMaps_Trial/JSClass/FusionMaps.js"></script>

 <div id="mapUSAdiv" align="center">

  Map of the US & Canada. <br /><br />Mapping support requires Javascript support and the  Flash v8 player or higher

 </div>

 <script type="text/javascript">

  var map = new FusionMaps("FusionMaps_Trial/Maps/FCMap_USA.swf", "Map1Id", "690", "400", "0", "0");

  map.setDataURL("MapUSA6.xml");

  map.render("mapUSAdiv");

 </script>

[FusionCharts Support]

hi,

opps...can you just try using BR (in caps) instead of br and try again.

[DavidScavo]

Works great with the CAPITAL BR. Thanks !!!

Should your HTML parsing require all caps (is this a requirement or a tiny bug) ?

Also, is there any way to use a subset of features to use a lower version of Flash ? We don't think that all our users have Flash v8 or higher installed.

[Pallav]

Hi,

 

 

 

In our code, we parse for capital BRs. We'll make it generic in next version.

 

 

 

We've FusionCharts Free in Flash v6. You can see it at www.fusioncharts.com/free

[jmp63]

Hi there -

 

 

 

I've searched over and over in the forum to find a solution that works for line breaks on the labels. I am using the DataXML method and have seen that you need to use %26lt;BR%26gt; to create the

in lieu of <BR>, which is used for the dataURL method. I have tried this and and when the label display, it shows a

tag instead of actually creating a line break.

 

 

 

Help??

[Arindam]

hi,

 could you please add this style in map xml

<styles>

<definition>

<style name='myHTMLFont'

type='font' isHTML='1' />

</definition>

<application>

<apply toObject='LABELS'

styles='myHTMLFont' />

</application>

</styles>

[jmp63]

Hi there -

 

 

 

I added the style tags as you suggested, and still no luck. I've tried the following methods to apply the

tag using the dataxml method:

 

urlencode('%26lt;')."BR".urlencode('%26gt;')

 

%26lt;BR%26gt;

 

urlencode('%26lt;BR%26gt;')

 

 

 

When the chart diplays it prints out either %26lt;BR%26gt; or the

tag.

 

 

 

I have also tried in similar fashion using %26lt%3BBR%26gt%3B as well as <BR>.....nothing is working.

[kaushalhk]

Hi Everyone,

I want to apply style with isHTML='1' on the displayvalue attribute of entity tag. I've done like

1)<map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' ><data><entity id='IN.AP.AD' displayValue='Adilabad&%26lt;BR%26gt;Ambulance' value='10'/></data><styles><definition><style name='TTipFont' type='font' isHTML='1' /></definition><application><apply toObject='displayValue' styles='TTipFont' /></application></styles></map>

and

2)  <map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' ><data><entity id='IN.AP.AD' displayValue='Adilabad<BR>Ambulance' value='10'/></data><styles><definition><style name='TTipFont' type='font' isHTML='1' /></definition><application><apply toObject='displayValue' styles='TTipFont' /></application></styles></map>

1) Gave no error but DIDNt work.

2) Says invalid XML.

PLEASE Help me OUT. Thanks in Advance.

 

[Arindam]

Hi,

Could you please try this?

if you are using dataURL method:

<map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' >

  <data>

  <entity id='IN.AP.AD'  displayValue='Adilabad<BR>Ambulance' value='10'/>

  </data>

  <styles>

  <definition>

  <style name='TTipFont' type='font' isHTML='1' />

  </definition>

  <application>

  <apply toObject='LABELS' styles='TTipFont' />

  </application>

  </styles>

</map>

if you are using dataXML method:

<map showLabels='1' includeNameInLabels='0' includeValueInLabels='1' >

  <data>

  <entity id='IN.AP.AD'  displayValue='Adilabad%26lt;BR%26gt;Ambulance' value='10'/>

  </data>

  <styles>

  <definition>

  <style name='TTipFont' type='font' isHTML='1' />

  </definition>

  <application>

  <apply toObject='LABELS' styles='TTipFont' />

  </application>

  </styles>

</map>

Edited November 12, 2008 by Guest

[kaushalhk]

Thanks alot.

Worked very fine

thanks

[Fabio Kfouri]

Hi Arindam

I work with the Gantt chart, and i tried with all examples in this and others topics to insert a break line in datatable labels. See below:

 <processes isBold='1' headerbgColor='0372AB' fontColor='0372AB' bgColor='FFFFFF' >

 <process Name='0170-00242' width='68' id='A' link='http://pc277595/cockpit/visibilidade.asp?Aviao=0170-00242' />

 </processes>

<dataTable showProcessName='1' nameAlign='left' fontColor='000000' fontSize='9' vAlign='right' align='center' headerVAlign='bottom' headerAlign='left' headerbgColor='4567aa' headerFontColor='ffffff' headerFontSize='9' >

 <dataColumn bgColor='eeeeee' headerText='Percent'>

 <text label='100' />

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='Fus'>

 <text label='20/06<BR>25/7'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='Paint'>

 <text label='20/07%26lt;BR%26gt;30/08'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='Wing'>

 <text label='15/8'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='M Final' >

 <text label='27/6'/>

 </dataColumn>

 <dataColumn bgColor='eeeeee' headerText='PPV'>

 <text label='18/7'/>

 </dataColumn>

</dataTable>

Could you please inform me where I

[Arindam]

Hi,

I am afraid multi line text does not possible on <dataColumn> text.

[Fabio Kfouri]

Hi Arindam,

Do not exist the object name to uses in Style definition or any Wrap method? (Gantt Chart case)

<styles>

 <definition>

<style name='myHTMLFont' type='font' isHTML='1' />

 </definition>

 <application>

<apply toObject='DataTableLabel or DataColumnLabel' styles='myHTMLFont' />

 </application>

</styles>

Regards

Fabio Kfouri

[Arindam]

Hi,

Please see to this for supported styles.

http://www.fusioncharts.com/widgets/docs/Contents/GanttXML.html

Edited November 27, 2008 by Guest

[Fabio Kfouri]

The references of Datacolumn object was not find on List of Objects for the Gantt chart.

I think that break line is not possible.

:crying: