Akshay S

Members
  • Content count

    3
  • Joined

  • Last visited

Posts posted by Akshay S


  1. 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.