快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

澳门24小时官网:ASP .NET中如何做图表?——FusionCharts Free



Office Web Component(OWC),Report Viewer控件,以致自己应用GDI+进行绘制等等都可以做到。然则本文中要先容的FusionCharts Free(http://www.fusioncharts.com/free/)天生的图表更活跃,可以更简洁地与用户进行交互,更紧张的是,这基础上是一个完全免费的器械,应用它不会为自己带来太多困扰(拜见许可协议:http://www.fusioncharts.com/free/TermsOfUse.asp)。当然,和Free版真相比,FusionCharts有一个非免费版本,功能加倍强大年夜(拜见:http://www.fusioncharts.com/free/Comparison.asp)。而且,事实上,不仅是ASP .NET,无论是何种办事器端变成说话,以致是在你的Windows利用法度榜样中,都可以应用FusionCharts Free方便地加入图表展示功能。

官方的文档总结FusionCharts Free的优点如下——

动画可交互的图表

简单但强大年夜的Javascript集成

无需安装

简单易用

与办事器端说话自力(或说无关)

削减办事器端负荷

多种图表类型支持

完全免费

可以在http://www.fusioncharts.com/free/Download.asp高低载到FusionCharts Free的最新版本,下载包中包孕了一个js文件、一些涉及到不合办事器真个代码、一些浏览器端即可以查看的示例以及和FushionCharts Free相关的文档。在这些文件中紧张的是FusionCharts.js文件以及Charts目录中的22个swf文件。很显着,终极在浏览器中显示的图表因此Flash的形式呈现,而FusionCharts.js文件则用于节制这些swf文件终极在浏览器中的显示,要应用FusionCharts实现图表,只要把这个.js文件以及这些.swf文件包孕在项目中就可以了。.swf文件是编译后的文件,以是不用特殊措施的话,我们无法看到终极图表实现的细节,幸好FusionCharts Free里面供给的文档还算具体。

先来看看,我们可以应用FusionCharts Free实现哪些类型的图表。Fre澳门24小时官网e版本的FusionCharts供给了22种不合的图表(与22个.swf文件相对应,拜见http://www.fusioncharts.com/free/docs/Contents/ChartLis澳门24小时官网t.html):单序列图表(2D柱状图、3D柱状图、2D折线图、2D饼图、3D饼图、2D条形图、2D面积图、2D圆环图)、多序列图表(2D柱状图、3D柱状图、2D折线图、2D条形图、2D面积图)、堆叠图表(2D柱状图、3D柱状图、2D条形图、2D面积图)、组合图表(3D柱状图+折线图、2D柱状图+折线图)、财务图表(K线图)、其它图表(甘特图、漏斗图)。这些图表的样式可以在http://www.fusioncharts.com/free/Gallery.asp查看到。一样平常环境下而言,这些图表类型基础上够用了,紧张的是在体现数据时选择精确的图表类型,每种图表类型都具有特定的含义。

上面已经说过了,要应用FusionCharts Free,只必要在项目包孕FusionCharts.js和22个对应不合类型图表的.swf文件即可。

FusionCharts.js的主要感化是用于创建一个FusionCharts工具,这个工具将认真节制不合类型图表对应的.swf文件在页面上的显示。这个js文件没有办理Flash动画的隐瞒问题,假如必要的话,可以本武艺动在函数getSWFHTML中进行响应的改动:

getSWFHTML: function() {

var swfNode = "";

if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) {

// netscape plugin architecture

//去除flash文件隐瞒

swfNode = '';

swfNode += '

';

//去除flash文件隐瞒

swfNode += '

';

var params = this.getP澳门24小时官网arams();

//

}

return swfNode;

}

图表是关于数据的可视化规划,那么若作甚FusionCharts Free指定图表数据?

上述的22个对应不合类型图表的.swf文件只能吸收XML款式的数据作为图表数据源,可以有2种主要的向这些.swf文件供给数据的要领——

dataURL要领:指定一个指向包孕图表数据的XML文档的URL,该要领对应的是FusionCharts工具的setDataURL措施

dataXML要领:指定一个XML片断,该要领对应的是FusionCharts工具的setDataXML措施

这两种要领对应的XML数据是如何通报到.swf文件的?应用FusionCharts.js文件创建的FusionCharts工具将认真连接用于图表显示的swf文件和图表要体现的数据源。

除了这两种为图表指定XML数据的措施之外,还可以经由过程Fu澳门24小时官网sionCharts.js文件中实现的一个Javascript措施updateChartXML,这种要领可以看作是对dataXML要领的一个扩展。

对付dataURL和dataXML要领若何进行选择?

一样平常环境下,建议应用的通报图表数据的要领是dataURL要领:

按照代码分离的原则,我们更盼望可以零丁治理图表数据XML文件和用于图表展示的HTML页面,信托没有人乐意在Javascript中应用变量保存一个布局可能很繁杂的XML文档或片断

因为用于接管图表数据的swf文件对付非英翰墨母的特殊字符的敏感性,我们应用Javascript变量构造一个XML文档或片断时,可能碰到麻烦

来看一个应用dataURL要领指定图表数据源的例子:

div id="chartdiv" align="center">div>

script type="text/javascript">

var chart = new FusionCharts("../Charts/FCF_澳门24小时官网Column2D.swf", "ChartId", "600", "350");

chart.setDataURL("Data/Column2D.xml");

chart.render("chartdiv");

script>

您可能还会对下面的文章感兴趣: