Full Chart as a hotspot |
Starting FusionCharts XT, you can also set the full chart as a single hotspot. This is useful, when you want to show a small thumbnail of the chart, which when clicked opens a detailed bigger chart. To set the entire chart as a hotspot, just specify the target link in clickURL attribute of <chart> element as under: <chart ... clickURL='DetailedChart.html' ...> You can again specify the link in five ways:
If you set the entire chart as hotspot, the other links on the chart (individual links for data plot) will not work. Example XML: |
<chart caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$' clickURL='n-http://www.fusioncharts.com'> <set label='Jan' value='17400' /> <set label='Feb' value='19800' /> <set label='Mar' value='21800' /> <set label='Apr' value='23800' /> <set label='May' value='29600' /> <set label='Jun' value='27600' /> </chart> See it live! |
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 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" ... } ... } . |