FusionCharts Support

Column chart small bars issue

Recommended Posts

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 by Guest

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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");

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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.

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