彩票走势图

FusionCharts使用教程:为图表添加向下钻取链接

原创|使用教程|编辑:龚雪|2014-04-17 09:18:47.000|阅读 1698 次

概述:FusionCharts中的所有图表都支持向下钻取功能。本文主要介绍如何为FusionCharts图表添加向下钻取链接。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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" }
]
}

 


标签:JavaScript HTML5图表FusionCharts

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP