FusionCharts中的所有图表都支持向下钻取功能。这意味着你可以将单个数据图(柱状图中的柱形、饼图中的扇形)或者整个图表转换成热点(或链接)。从广义上来讲,FusionCharts图表的向下钻取功能可以分为两种类型:
1、Simple link:向下钻取至一个简单链接或调用JavaScript函数。
2、Chart links (LinkedCharts):向下钻取至一个详细的LinkedCharts。
使用FusionCharts图表组件,可以无限层级向下钻取图表,且每一个层级可显示不同类型的图表。
使用简单链接
使用简单链接,您可以在图表上每个数据项(列,线锚,锚区,扇形等)的链接页面(或JavaScript函数)提供一个URL。简单链接可以是各种数据格式。
- 利用XML创建简单链接
将链接属性引入<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创建链接,你必须将链接属性添加至数据对象,方法如下:
{ "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" } ] }
相关推荐
详细描述了fusioncharts的钻取功能
FusionCharts参数及功能特性详解实例
FusionCharts图表组件简单使用
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
FusionCharts是如何在网页呈现图表
用fusioncharts使用json格式数据展示图表
FusionCharts图表控件中文版使用手册。构成fusionCharts的三要素:swf、data.xml、承载图表的载体
FusionCharts 可以在点上定义钻取,实现各种link 功能,包括: (1)同一窗口实现钻取 (2)新窗口中实现钻取 (3)在指定的frame 中实现钻取 (4) 在弹出窗口中实现钻取 (5) 触发js 的函数
FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe ...使用XML作为其数据接口, FusionCharts充分利用流体美丽的Flash创建紧凑,互动性和视觉逮捕图表。 内附中文开发指南
FusionCharts详细教程,帮助初学者快速入门。
FusionCharts是一个JavaScript图表库,可为您的Web和移动应用程序提供100多个图表和2,000多个地图。 所有的可视化都是交互的和动画的,它们以SVG和VML(对于IE 6/7/8)呈现。 此软件包还包含FusionTime(时间序列图...
FusionCharts很炫的swf图表控件,很好用
本系列文章主要整理和汇总了Flash图表组件FusionCharts的一些技术文档,希望对FusionCharts使用者有帮助,欢迎交流!
非常绚的flash图表,支持java,.net,php等
fusioncharts图表,用于统计分析,适合web开发人员,界面美观,使用简单。
具体讲述FusionCharts图表的应用及开发。
react-fusioncharts使您可以轻松地在React应用程序或项目中添加JavaScript图表。 Github回购: : 文档: : 支持: : 融合图 官方网站: : 官方NPM软件包: : 问题: : 目录 入门 要求 在您的操作系统中...
svelte-fusioncharts使您可以轻松地在Svelte应用程序或项目中添加JavaScript图表。Github回购: : 支持: : 融合图官方网站: : 官方NPM软件包: : 问题: : 目录安装用法使用图表API 处理事件快速开始超越图表...
FusionCharts Free(图表flash控件)很好用,有教程和dll.
FusionCharts v3图表 例题