Akshay S
-
Content count
3 -
Joined
-
Last visited
Posts posted by Akshay S
-
-
Okay. Thanks haritha.
Can we make x-axis labels clickable, say i want to call a javascript function onClick of x-axis labels.
-
Hi,
I'm new to FusionCharts. I can call a Javascript function and pass parameters onClick of each column(say i'm using Column2D shockwave File+XML input+Jquery render method) using following XML
<graph yAxisNamePadding='20' labelPadding='10' yAxisName='AMOUNT' decimalSeparator=',' showhovercap='1' canvasborderalpha='0' canvasborder='3D86C6' showalternatehgridcolor='0' numdivlines='0' animation='1' showValues='0' showLimits='0' showYAxisValues='0' showDivLineSecondaryValue='0' numDivLines='0' outCnvBaseFontColor='3D86C6' outCnvBaseFontSize='12' bgColor='ffffff' showLegend='0' showBorder='1' borderAlpha='0' plotGradientColor='' plotBorderColor='ffffff'><vLine color='3D86C6' thickness='2'/><set name='MAY' value='28090.02' color='3D86C6' link='JavaScript: myJS(4,1); ' /><set name='JUN' value='0' color='3D86C6' link='JavaScript: myJS(5,2); ' /><set name='JUL' value='186236.7' color='3D86C6' link='JavaScript: myJS(6,3); ' /><set name='AUG' value='0' color='3D86C6' link='JavaScript: myJS(7,4); ' /><set name='SEP' value='0' color='3D86C6' link='JavaScript: myJS(8,5); ' /><set name='OCT' value='65102.434' color='3D86C6' link='JavaScript: myJS(9,6); ' /><set name='NOV' value='0' color='3D86C6' link='JavaScript: myJS(10,7); ' /><set name='DEC' value='492987.38' color='3D86C6' link='JavaScript: myJS(11,8); ' /><set name='JAN' value='0' color='3D86C6' link='JavaScript: myJS(0,9); ' /><set name='FEB' value='0' color='3D86C6' link='JavaScript: myJS(1,10); ' /><set name='MAR' value='0' color='3D86C6' link='JavaScript: myJS(2,11); ' /><set name='APR' value='59831.70' color='B0BC25' link='JavaScript : myJS(3,12); ' /><trendLines> <line startValue='166449.66' color='#FBA91E' thickness='5' displayValue=' ' /></trendLines> <trendlines> <line color='3D86C6' showOnTop='1' isTrendZone='0' thickness='2' endValue='1' startValue='1' displayValue=' ' /></trendlines> <styles><definition><style name='MyFirstFontStyle' type='font' font='GothamMedium' size='14' color='3D86C6' bold='0'/></definition><application><apply toObject='YAXISNAME' styles='MyFirstFontStyle'/><apply toObject='DATALABELS' styles='MyFirstFontStyle'/><apply toObject='DATAVALUES' styles='MyFirstFontStyle'/></application></styles></graph>As per my another requirement i need to call javascript function onClick of x-axis labels not onClick of Columns. Here i'm using MSCombiDY2D shockWave File to get Multiseries column 2D+Single line chart with input fed as Json like{"chart": {"palette": "5","caption": "Sales","showlabels": "1","connectnulldata": "0","pyaxisname": "TICKET VOLUME","plotGradientColor": " ","showPlotBorder": "0","canvasborder": "3D86C6","canvasborderalpha": "0","showalternatehgridcolor": "0","numdivlines": "0","showLimits": "0","plotBorderColor": "ffffff","showBorder": "0","chartRightMargin": "0","chartTopMargin": "0","lineColor": "00611C","borderAlpha": "0","bgColor": "ffffff","showYAxisValues": "0","legendPosition": "TOP","formatnumberscale": "0"},"categories": [{"category": [{"vline": "true","color": "3D86C6","thickness": "2"},{"label": "<a href='http://www.fusioncharts.com'> Jan </a>"},{"label": "Feb"},{"label": "Mar"},{"label": "Apr"}]}],"dataset": [{"seriesname": "First","color": "33CCFF","showvalues": "1","data": [{"value": "25601.34"},{"value": "20148.82"},{"value": "35407.15"},{"value": "38105.68"}]},{"seriesname": "Second","color": "6666FF","showvalues": "1","data": [{"value": "57401.85"},{"value": "41941.19"},{"value": "45263.37"},{"value": "117320.16"}]},{"seriesname": "Third","color": "D14719","anchorBorderColor": "D14719","anchorBgColor": "D14719","anchorRadius": "5","showvalues": "0","parentyaxis": "S","renderas": "Line","data": [{"value": "45000"},{"value": "44835"},{"value": "42835"},{"value": "77557"}]}],"trendlines": [{"line": [{"color": "3D86C6","showOnTop": "1","isTrendZone": "0","thickness": "2","endValue": "1","startValue": "1","displayValue": " "}]}],"styles": {"definition": [{"name": "CategoryLink","type": "font","ishtml": "1"}],"application": [{"toobject": "DATALABELS","styles": "CategoryLink"}]}}but i'm not able to make atleast x-axis label Clickable.
Using FusionCharts x-axis labels as links in FusionCharts XT method
in General usage
Posted · Report reply
Okay. Thanks for response.
We already achieved making links on Data plot but making labels clickable i needed. Anyway thanks for response.