You are viewing documentation for an older version. For current documentation - click here.
FusionCharts Link format

FusionWidgets XT provides the option to turn each data plot item (like funnel, pyramid, etc.) or the whole chart as a hot-spot that be clicked on for drill-down. A data plot item is set as hot-spot by setting link attribute for that data-plot in chart data. A full chart is set as a hot-spot using clickURL of chart data-source. Additionally, you can set a link for about menu item using aboutMenuItemLink attribute. You can also set a link to the branding logo using logoLink attribute.

The syntax of the hot-spot links follow a specific format which is termed as FusionCharts Link Format. In most cases, the syntax can be identified as two or more sections separated by a dash (-). The left most section generally specifies the type of the link followed by other required parameters. The formats can be listed as follows:

Link type Prefix Syntax What it does Example
Simple none URL Opens the URL in the same window where the chart is rendered. It replaces the page containing the chart. The URL can be absolute or relative to the page containing the chart. Read More » link="http://www.fusioncharts.com"
New window N- N-url Opens the URL in a new browser window. To use this feature, you need to disable any pop-up blockers in the browser. The URL can be absolute or relative to the page containing the chart. Read More » link="N-../detailedChart.aspx"
Frame F- F-FrameName-url Opens the URL in a frame or an iframe. The name of the frame is passed as the first parameter after the prefix followed by the URL to open. The URL can be absolute or relative to the page containing the chart. Read More » link="F-detailsFrame-DemoLink1.html"
Popup P- P-nameOfWindow,Popup settings-url Opens link in a configurable popup window. The first parameter after the prefix P- is the name of the popup window. This is followed by comma separated list of attributes for the new window. The last parameter is the URL. The URL can be absolute or relative to the page containing the chart. Read More » link="P-detailsWin,width=400, height=300, toolbar=no, scrollbars=no, resizable=no-ShowDetails.asp"
JavaScript JavaScript: JavaScript:JavaScript statement Any JavaScript statement or function call can be passed as  a parameter, which is then executed when the link is clicked. Read More » link="JavaScript:myJSFunction('USA', 235);"
JavaScript J- J-JavaScriptFunctionName-parameters A single JavaScript function is called using this link type. The name of the JavaScript function is followed by the prefix J-. The function will be passed a single string parameter, which comes after the function name. Read More »

link="j-myJSFunction-China, 90"
LinkedCharts newchart- newchart-dataformat-datasource This link invokes and creates LinkedCharts. The first parameter after newchart- prefix is the data-format of the LinkedChart data. The second format specific the URL or id of the data-source as per the data-format.   Read More » link="newchart-xmlurl-quarterly2005.xml"

or

link="newchart-xml-2004quarterly"

or

link="newchart-jsonurl-2005.json"

or

link="newchart-json-2006Data"


Note: Internally the chart decodes a URL that you set as link. Before invoking the link it again encodes the URL. If you are passing multilingual characters via a URL or do not want this decode-encode mechanism to be handled by the chart you can set unescapeLinks='0' in <chart> element of the chart's XML data. If you are using JSON data, you need to use { "chart" : { "unescapeLinks" : "0" ... } ... } .