Flash图表组件FusionCharts帮助文档八:添加向下钻取链接
来源:互联网 发布:英文网络用语 编辑:程序博客网 时间:2024/05/16 14:44
所有的 FusionCharts 图表(除了变焦线图表)都支持向下钻取功能,我们可以将单个数据块(如柱状图中的列,饼图中的扇形图等)或者整个图表转换为热点或链接。这些可以打开的URLs,是通过调用JavaScript函数或加载LinkedCharts来实现的。在FusionCharts上可以创建无限层级的向下钻取,而且对所有需求都是通用的。
一般来说,FusionCharts的向下钻取功能又可以分为两类:
1、简单链接:向下钻取打开简单的URLs或调用JavaScript函数(呈现在同一个页面)
2、图表链接(LinkedCharts):向下钻取到详细的LinkedCharts
本文首先将为你介绍简单链接的创建方式。
简单链接
用简单链接,我们可以把每个数据项要链接的页面(或JavaScript函数)添加一个URL地址。主要有以下几种类型:
- 在相同页面打开URL
- 在新窗口打开URL
- 在指定的frame/iframe打开URL
- 在新的弹出窗口打开URL
- 链接调用JavaScript函数(要么在FusionCharts JavaScript类或在同一个web页面呈现)
- 设置整个图表为一个热点,并应用以上任何一种链接方式
用XML创建简单链接
将link属性放到<set>元素下,把数据图转换为一个链接,示例代码如下:
<chart caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$'> <set label='Jan' value='17400' link='DemoLinkPages/DemoLink1.html'/> <!-- Simple Link --> <set label='Feb' value='19800' link='n-DemoLinkPages/DemoLink2.html'/> <!-- Link in new window --> <set label='Mar' value='21800' link='F-detailsFrame-DemoLinkPages/DemoLink3.htm'/> <!-- Link in a frame --> <set label='Apr' value='23800' link='P-detailsPopUp,width=400,height=300,toolbar=no, scrollbars=no,resizable=no-DemoLinkPages/DemoLink3.html'/> <!-- Link in a pop-up --> <set label='May' value='29600' link='j-myJavaScriptFunction-parameters'/> <!-- JavaScript function as link --></chart>
用JSON创建简单链接
同样的,如果想用JSON数据代替XML,就必须将link属性添加到数据项下,示例代码如下:
{ "chart":{ "caption":"Monthly Sales Summary", "subcaption":"For the year 2006", "xaxisname":"Month", "yaxisname":"Sales", "numberprefix":"$" }, "data":[ { "label":"Jan", "value":"17400", "link":"DemoLinkPages/DemoLink1.html" }, { "label":"Feb", "value":"19800", "link":"n-DemoLinkPages/DemoLink2.html" }, { "label":"Mar", "value":"21800", "link":"F-detailsFrame-DemoLinkPages/DemoLink3.htm" }, { "label":"Apr", "value":"23800", "link":"P-detailsPopUp,width=400,height=300,toolbar=no," + "scrollbars=no,resizable=no-DemoLinkPages/DemoLink3.html" }, { "label":"May", "value":"29600", "link":"j-myJavaScriptFunction-parameters" } ]}
- Flash图表组件FusionCharts帮助文档八:添加向下钻取链接
- FusionCharts使用教程:为图表添加向下钻取链接
- Flash图表组件FusionCharts帮助文档汇总
- Flash图表组件FusionCharts帮助文档四:在图表中添加货币符号
- Flash图表组件FusionCharts帮助文档十二:创建透明图表
- Flash图表组件FusionCharts帮助文档九:网格组件用法
- Flash图表组件FusionCharts帮助文档二:为饼图/环形图添加图例
- Flash图表组件FusionCharts帮助文档三:在iPhone/iPad中生成JavaScript图表
- Flash图表组件FusionCharts帮助文档七:加载多个图表文件
- Flash图表组件FusionCharts帮助文档十一:Excel静态数据变为动态图表
- Flash图表组件FusionCharts帮助文档十三:调整图表比例(百分比)
- Flash图表组件FusionCharts帮助文档一:调用静态方法RenderChart
- Flash图表组件FusionCharts帮助文档一:调用静态方法RenderChart
- Flash图表组件FusionCharts帮助文档五:用BOM实现多语言(UTF-8)
- Flash图表组件FusionCharts帮助文档六:在地图上作标记
- Flash图表组件FusionCharts帮助文档十:将柱状图转换为饼状图
- Flash图表FusionCharts帮助文档(持续更新中)
- 基于Flash的图表组件-FusionCharts
- Flash图表组件FusionCharts帮助文档三:在iPhone/iPad中生成JavaScript图表
- Flash图表组件FusionCharts帮助文档四:在图表中添加货币符号
- Flash图表组件FusionCharts帮助文档五:用BOM实现多语言(UTF-8)
- Flash图表组件FusionCharts帮助文档六:在地图上作标记
- Flash图表组件FusionCharts帮助文档七:加载多个图表文件
- Flash图表组件FusionCharts帮助文档八:添加向下钻取链接
- Flash图表组件FusionCharts帮助文档九:网格组件用法
- TOJ Right Triangles II
- ARM MMU工作原理剖析
- Flash图表组件FusionCharts帮助文档十:将柱状图转换为饼状图
- TwinCAT与AMD的处理器的不兼容问题
- Flash图表组件FusionCharts帮助文档十一:Excel静态数据变为动态图表
- Flash图表组件FusionCharts帮助文档十二:创建透明图表
- Flash图表组件FusionCharts帮助文档十三:调整图表比例(百分比)