Sign in to follow this  
Guest Rajroop

How to show tool tip text in a sparkline

Recommended Posts

I am using FusionWidget Sparklines.  I need to show tooltext values when a user mouses over a plotted point in the sparkline.  How do I configure my sparkline?

I read the documentation and it appears that I just need to set the showToolTip attribute to '1' and add tooltext attributes to my dataset.set elements.  I added these attributes in my xml (see below) but tooltips do not display.  I am certain that I have missed something.  Please help!

Here's my xml:

<chart

  captionPadding='0'

  chartLeftMargin='0'

  palette='1'

  canvasLeftMargin='50'

  bgColor='F1F1F1'

  showBorder='0'

  borderColor='F1F1F1'

  borderAlpha='100'

  showToolTip='1'>

  <dataset>

<set value='38.42' tooltext='Day: May 1 Revenue: $38.42'/>

<set value='41.43' tooltext='Day: May 2 Revenue: 41.43'/>

<set value='34.78' tooltext='Day: May 3 Revenue: $38.42'/>

<set value='40.67' tooltext='Day: May 4 Revenue: $38.42'/>

<set value='44.12' tooltext='Day: May 5 Revenue: $38.42'/>

<set value='38.45' tooltext='Day: May 6 Revenue: $38.42'/>

<set value='40.71' tooltext='Day: May 7 Revenue: $38.42'/>

<set value='49.90' tooltext='Day: May 8 Revenue: $38.42'/>

<set value='40.12' tooltext='Day: May 9 Revenue: $38.42'/>

<set value='34.91' tooltext='Day: May 10 Revenue: $38.42'/>

<set value='42.02' tooltext='Day: May 11 Revenue: $38.42'/>

<set value='35.21' tooltext='Day: May 12 Revenue: $38.42'/>

<set value='43.31' tooltext='Day: May 13 Revenue: $38.42'/>

<set value='40.21' tooltext='Day: May 14 Revenue: $38.42'/>

<set value='40.54' tooltext='Day: May 15 Revenue: $38.42'/>

<set value='40.90' tooltext='Day: May 16 Revenue: $38.42'/>

<set value='54.21' tooltext='Day: May 17 Revenue: $38.42'/>

<set value='41.90' tooltext='Day: May 18 Revenue: $38.42'/>

<set value='33.43' tooltext='Day: May 19 Revenue: $38.42'/>

<set value='46.73' tooltext='Day: May 20 Revenue: $38.42'/>

<set value='50.42' tooltext='Day: May 21 Revenue: $38.42'/>

<set value='40.74' tooltext='Day: May 22 Revenue: $38.42'/>

<set value='42.31' tooltext='Day: May 23 Revenue: $38.42'/>

<set value='50.39' tooltext='Day: May 24 Revenue: $38.42'/>

<set value='51.10' tooltext='Day: May 25 Revenue: $38.42'/>

<set value='44.84' tooltext='Day: May 26 Revenue: $44.84'/>

<set value='51.64' tooltext='Day: May 27 Revenue: $51.64'/>

<set value='47.62' tooltext='Day: May 28 Revenue: $47.62'/>

<set value='39.61' tooltext='Day: May 29 Revenue: $39.61' />

<set value='35.13' tooltext='Day: May 30 Revenue: $35.13'/>

<set value='35.13' tooltext='Day: May 31 Revenue: $35.13'/>

 </dataset>

</chart>

Edited by Guest

Share this post


Link to post
Share on other sites
Guest Rajroop

Hello Ryan,

 

 

 

Welcome to the FusionCharts Forum.

 

 

 

We're afraid that the tool tip functionality is not available for the FusionWidgets Spark Line Chart, as of now.

 

The tool tip function can only be assigned and used for annotations.

 

 

 

The query submitted by you is already on our innovation and updation wishlist.

Share this post


Link to post
Share on other sites

I have a similar problem, unable to have tooltip text on my aprkline chart and I am using FusionWidgets 3.2. Please tell me if this feature had been incorporated in 3.2 and how to use it. This is my xml-

 

<chart defaultAnimation='0' animation='0' lineColor='F00000' showOpenValue='0'

showCloseValue='0' showHighLowValue='0' showOpenAnchor='0' showCloseAnchor='0' showHighAnchor='0'

showLowAnchor='0' showToolTip='1'>

<dataset>

<set value='3.43' />

<set value='3.49' />

<set value='3.66' />

<set value='3.45' />

<set value='3.76' />

<set value='4.91' />

<set value='3.68' />

<set value='3.47' />

<set value='4.75' />

<set value='4.68' />

<set value='7.69' />

<set value='15.14' />

<set value='8.26' />

<set value='14.42' />

<set value='6.87' />

<set value='7.21' />

<set value='6.81' />

<set value='10.94' />

<set value='5.38' />

<set value='2.98' />

<set value='5.43' />

<set value='4.7' />

<set value='6.17' />

<set value='9.54' />

<set value='7.48' />

<set value='6.94' />

</dataset>

<trendlines>

<line startvalue='4'color='000000' thickness='2'/>

</trendlines>

</chart>

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

I am afraid, spark line chart does not support tool tip, as of now.

 

We will get back to you once there is any news from our end.

 

Thank you very much for your continued patience and patronage.

 

Hope you have a great day!

Share this post


Link to post
Share on other sites

Hi Angshu,

 

Can you please confirm if its the same case with WinLoss charts as well.

 

 

 

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

I am afraid, spark line chart does not support tool tip, as of now.

 

We will get back to you once there is any news from our end.

 

Thank you very much for your continued patience and patronage.

 

Hope you have a great day!

 

 

 

 

 

Share this post


Link to post
Share on other sites

Hello, has there been any update on this?  I've noticed that SparkLine DOES show tooltips when rendered as javascript, but not when rendred as flash.  Perhaps you have an updated sparkline.swf that fixes these issues?

 

Thanks!

Share this post


Link to post
Share on other sites

Hi,

 

Spark Line chart does not provide the feature of tool tip. But, if you want tool tip on your chart, you may make use of Annotations. 

 

Annotations let you create your own custom objects (shapes, images, text etc.) in the charts. You can create various shapes like polygons, rectangles, circles, arcs, etc., render annotation text at required positions and load external GIF/JPEG/PNG images in the chart itself.

 

For your requirement, you can make use of circle type of annotation and show tool tip on annotations. Please find the attached XML along with a screenshot to demonstrate the use of Annotations.

 

For more information on Annotations, you may refer : http://docs.fusioncharts.com/widgets/Contents/Annotations/Introduction.html

 

Hope this helps. :)

 

 

Data_1.xml

post-37797-0-92329700-1375365178_thumb.png

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