Sign in to follow this  
ZM

Link in Category label

Recommended Posts

Hi There,

I am trying to add a hyperlink to a label in the category using the suggested method. I am using v3.1 of fusioncharts. It worked well in Version 3.0 any known issues? here is my xml. I am really need this.

<chart caption="Demographics for schools<BR>with 45%-54% of students achieving <BR><BR>"

subCaption="Grade 6 Reading 2006-2008"

lineThickness="1"

showValues="0"

decimals="2"

PYAxisName="Marker"

SYAxisName="Aggregate "

sNumberSuffix="%"

palette="1"

setAdaptiveYMin="1" setAdaptiveSYMin="1"

formatNumberScale='0'

numVisiblePlot='45'

labelDisplay='Rotate'

plotGradientColor=""

SYAxisMaxValue="100"

SYAxisMinValue="0"

  PYAxisMinValue="0"

  PYAxisMaxValue="150"

showLegend="0"

 

>

  <categories>

  <category label="AAA"/>

  <category label="BBB"/>

  <category label="<a href='javascript:callhello()'>treet PS</a>"/>

  <category label="Queen " />

  <category label="Village " />

  <category label="sfgsdfg" />

  <category label="dfgsdg" />

  <category label="srgdfg" />

  <category label="fsgfgsdg" />

  </categories>

  <dataset  parentYAxis="P" seriesname="DEM" renderAs="Column" color="0372AB">

  <set value="50" color="#018D55"/>

  <set value="59.3" color="#9C003F"/>

  <set value="6.6" />

  <set value="6.6" />

  <set value="15.6" />

  <set value="21.2" />

  <set value="29" />

  <set value="34.4" />

  <set value="52.4" />

  </dataset>

  <dataset parentYAxis="S" seriesname="Achievement" renderAs="Line" color="#FFF200" linethickness="3" anchorBgColor="#FFF200" anchorRadius="5" anchorBorderColor="#000000" alpha="1">

  <set value="65" anchorBgColor="#018D55"/>

  <set value="66" anchorBgColor="#9C003F"/>

  <set value="52.08" />

  <set value="46.43" />

  <set value="45.45" />

  <set value="51.06" />

  <set value="49.12" />

  <set value="50" />

  <set value="51.67" />

  </dataset>

  <styles>

  <definition>

  <style name="toolTipStyle" type="font" color="000000" isHTML="1" />

  <style name="CaptionFont" type="font" color="666666" size="9"  isHTML="1"/>

  <style name="DataLabelsFont" type="font" color="000000" size="10"  isHTML="1"/>

  </definition>

  <application>

  <apply toObject="TOOLTIP" styles="toolTipStyle" />

  <apply toObject="caption" styles="CaptionFont" />

  <apply toObject="DATALABELS" styles="DataLabelsFont" />

  <apply toObject="DATAVALUES" styles="DataLabelsFont" />

  </application>

  </styles>

</chart>

Share this post


Link to post
Share on other sites

Hi,

 
I am afraid, this feature is not supported when labels are rotated in v3.1 charts, since we are rendering the label as bitmap to overcome from UTF-8 issue (in rotated mode) and it ignores HTML tags which are used in labels.
Edited by Guest

Share this post


Link to post
Share on other sites

This was a handy feature to have. Any workarounds or intention to add some feature like a link that is available on the set.

Share this post


Link to post
Share on other sites

Hello ZM,

For the link to work, please remove the  labelDisplay='Rotate' attribute from the <chart> element. Also, please remove the # symbol from the hex colour codes. For eg., it should be  <set value="50" color="018D55"/>, instead of  <set value="50" color="#018D55"/>.

 

Hope this helps.

Share this post


Link to post
Share on other sites
Guest Rajroop

Hello ZM,

 

 

 

We've already added this feature request on our wishlist.

 

 

 

:hehe:

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