Sign in to follow this  
jitesh

Tooltext Display on anchors not formatted correctly

Recommended Posts

Hi,

 

We are an existing customer of Fusion Charts. We are in process of moving to the XT version so that we can make use of the javascript charts for iPad (in our hosted solution).

 

We were using FC_MSScatter.swf earlier and with the new version switched to Scatter.awf

 

Noticed an issue with the tooltext (When we hover over an anchor/ data point in the Scatter graph, it shows some information, I believe it's called tooltext, please bear with me if that's a wrong term).

 

It should show up like (in our current version of Fusioncharts that uses FC_MSScatter it worked correctly):

 

$90.00 USD
9:23:46
ServerTech Inc. (...

 

But in XT version (Flash on Desktop and js on iPad) it shows up this instead:

 

%2490.00+USD%0D9%3A23%3A46%0DServerTech+Inc.+%28...

 

Please see the attached images.post-62350-0-33205700-1395707714_thumb.pngpost-62350-0-23813600-1395707715_thumb.png

 

Also, for your reference, here's the bit from XML (we use setXMLData):

 

<dataset drawline='1' anchorbgcolor='#A52A2A' linealpha='100' color='#A52A2A' seriesname=''>

  <set tooltext='%2490.00+USD%0D9%3A23%3A46%0DServerTech+Inc.+%28...' y='90.0' x='1395375826000'>

  </set>

</dataset>

 

 

Questions:

------------

 

How do I fix this on both flash and js version with XT?

How do I hide the tooltext once user has seen it? On desktop you just take the mouse away from the anchor and it will be hidden, how do I achieve the same on iPad?

 

 

Will really appreciate a quick response.

 

 

Regards,

Jitesh

Share this post


Link to post
Share on other sites

HI Jitesh,

 

Please find the response below, inline with your queries,

 

How do I fix this on both flash and js version with XT?

>> With FusionCharts XT, please use the below line of code

<set tooltext='$90.00 USD {br} 9:23:46 {br} ServerTech Inc.(..' y='90.0' x='1395375826000'>

We use {br} for line breaks.

 

How do I hide the tooltext once user has seen it? On desktop you just take the mouse away from the anchor and it will be hidden, how do I achieve the same on iPad?

>> You have to tap(single click) on the chart area away from the toolTip.

 

Hope this helps!

Share this post


Link to post
Share on other sites

Hi Bindhu,

 

Thank you for your quick reply. I tried with {BR} and it introduces the new line in both flash and js version of charts.

 

With the previous version of Fusioncharts, we were using a UTF-8 encoded string for the tool-text.

 

Not sure if that was a requirement for the earlier version. Would you know? Does it mean that these formats are no longer supported for the tooltext?

 

About hiding the tooltext on iPad, I am NOT able to do it on iPad. It works well on desktop flash chart but on iPad js chart, the tooltext is sticky. It doesn't go away on clicking an empty chart area.

Only thing that seems to hide it is opening up tooltext for another anchor. It poses usability issues.

 

Any suggestions?

 

Thanks,

Jitesh

Edited by jitesh

Share this post


Link to post
Share on other sites

Hi Jitesh,

 

Yes, it was. Now you can directly embed most of the special characters and punctuation marks in the XML/JSON data source of your chart.

 

However, &, <, >, ' (apostrophe) and "(quote) need to be specially encoded when providing the same as a part of the chart data. Apart from this, there is no need to encode any other special character.

 

I will get back to you on the toolTip issue for the iPads.

 

Hope this helps!

Share this post


Link to post
Share on other sites

Hi Bindhu,

 

Thanks for the information. It really helps.

 

I will wait for a reply on the other question- hiding the tooltext on iPads.

 

Regards.

Share this post


Link to post
Share on other sites

Hi Jitesh,

 

This appears to be a bug with the JavaScript charts.

 

Our development team is looking into it and would get back to you as soon as possible.

 

Hope this helps!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this