Column chart small bars issue

[johnny]

I have a bar chart and using the column 2D, and the bars are clickable.

 

 

 

Now there's sometimes small bars which are really difficult to click on. Is there a way to make the values, or the axis labels clickable?w

Edited September 26, 2009 by Guest

[FusionCharts Support]

Hi,

 

 

 

You can try a hack.

 

 

 

Please follow the XML

 

and find how HTML font style is applied to DataValues.

 

 

 

Now for the first column I have placed a custom Display value with HTML Anchor <A>.

 

 

 

<chart palette='2' caption='Unit Sales' xAxisName='Month' yAxisName='Units' showValues='1' decimals='0' formatNumberScale='0' useRoundEdges='1'>

 

<set label='Jan' value='462' displayValue="<a href='google.com' >462</a>"/>

 

<set label='Feb' value='857' />

 

<set label='Mar' value='671' />

 

<set label='Apr' value='494' />

 

<set label='May' value='761' />

 

<set label='Jun' value='960' />

 

<styles>

 

<definition>

 

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

 

</definition>

 

<application>

 

<apply toObject='datavalues' styles='HTMLf' />

 

</application>

 

</styles>

 

</chart>

 

 

 

You can try the same formula for the labels too.

[johnny]

I've tried it, but it won't run with your example, says "invalid xml".

 

 

 

Only if I remove the html code, and put a simple text it runs.

 

 

 

Also checked that isHtml attribute is turned on.

 

 

 

Please advise.

 

 

 

Thank you.

[FusionCharts Support]

Hi,

I apologize. The forum has decoded some values which needed to remain encoded.

Please try again:

 displayValue="<a href='google.com' >462</a>"/>

[nklineg]

OK, tried your suggestion for linking values to no avail... I'm having a similar issue with users wanting to click on 0% bars, but are unable to.

Am I doing something wrong here?

<chart plotGradientColor='FFFFFF' plotFillRatio='65' showValues='1' chartLeftMargin='10' chartRightMargin='0' plotSpacePercent='40'

 placeValuesInside='1' decimals='0' formatNumberScale='0' showBorder='0' showYAxisValues='0' bgColor='FFFFFF'

 showPlotBorder='0' baseFontColor='202020' canvasBorderColor='FFFFFF' numberSuffix='%' toolTipBgColor='FDFDA8'><set label='CCUA' value='23.8' color='F7B2BD' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D1' displayValue='<a href="http://www.google.com">23.8</a>' />

 />

<set label='A' value='44.8' color='FF9A31' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D4' displayValue='<a href="http://www.google.com">44.8</a>' />

 />

<set label='B' value='45.5' color='FF9A31' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D5' displayValue='<a href="http://www.google.com">45.5</a>' />

 />

<set label='C' value='100' color='9CCF31' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D6' displayValue='<a href="http://www.google.com">100</a>' />

 />

<set label='D' value='0' color='F7B2BD' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D3' displayValue='<a href="http://www.google.com">0</a>' />

 />

<set label='E' value='0' color='F7B2BD' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D7' displayValue='<a href="http://www.google.com">0</a>' />

 />

<set label='F' value='4.3' color='F7B2BD' link='index.php%3FcurrPage%3DMainPage%26detail%3Dtrue%26module%3Dreport%26report_idx%3D192%26drill_level%3Ddepartment%26drill_value%3D2' displayValue='<a href="http://www.google.com">4.3</a>' />

 />

<styles>

<definition>

 <style name='myAnim' type='animation' param='_alpha' start='0' duration='2' />

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

</definition>

<application>

 <apply toObject='DATAPLOT' styles='myAnim' />

 <apply toObject='datavalues' styles='HTMLf' />

</application>

 </styles>

</chart>

[Guest Madhumita]

Hello,

 

 

 

Welcome to FusionCharts Forum.

 

 

 

The code you have sent is working perfectly.

 

 

 

The links sre working for the zero values also. When we click on the display value, the page drills down to the link given.

 

 

 

Could you please verify if the registerWithJs is on?

 

 

 

Awaiting your reply.

[nklineg]

Thanks for the quick reply!

No, registerWithJS was not enabled... It is now, as shown below, but still no change.

var chart2 = new FusionCharts("./images/fusioncharts/charts/Charts_20fps/Bar2D.swf", "myChartId", "100%", "500", "0", "1");

chart2.setDataURL("./xml/xml.tree_dept.php?report_idx=192");

chart2.render("chartdiv2");

[Guest Madhumita]

Hello,

Could you please reiterate your issue?

Is your chart being displayed but the drill-down is not working or the chart is not being displayed at all?

Your code is running perfectly on our test machine.

Apologies for the inconvenience.

[nklineg]

No apology necessary, I wasn't very clear. I changed the last value (for registerWithJS) to "1". The graph displays fine, but the 0% value is still not clickable for me in IE or FireFox.

I'm not sure if it makes any difference, but I recently upgraded to v3.1.

[Guest Madhumita]

Hello,

Please observe that for the data points with zero values the tool-tip is appearing on the x-axis. If you click on the chart when the tool-tip is showing, it will drill-down to the link given for the set.

 

If you click on the displayValue, it will drill-down to the link specified with the display value.