博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
FusionCharts可使用JavaScript渲染iPhone/iPod/iPad图表
阅读量:4665 次
发布时间:2019-06-09

本文共 1336 字,大约阅读时间需要 4 分钟。

FusionCharts使用JavaScript:

FusionCharts允许用户创建建立JavaScript图表(也就是web上的HTML5 /Canvas图表)。这个特性允许用户在不支持Flash播放器的web浏览器上创建图表,如iPhone / iPad。FusionCharts内部利用Highcharts库生成JavaScript图表。

 

这个功能能够无缝地使用当前的FusionCharts实现模式。不需要任何额外的代码来实现。FusionCharts的JavaScript类自动检测不支持Flash的设备,并创建JavaScript图表。你也可以忽略Flash,并只使用JavaScript生成图表。

FusionCharts是如何工作的:

FusionCharts XT提供一个全新的FusionCharts JavaScript类。 FusionCharts的JavaScript类现在包括四个主要文件:FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Charts.js和jquery.min.js。这四个文件存在于Download Pack > Charts folder。

用户有可能只需要在web页面中包括FusionCharts.js(当时注意,也需要复制其他文件到你的web应用程序)。其余的JavaScript文件将通过FusionCharts.js自动加载按需。

一旦FusionCharts确定设备中没有可用的Flash player,它将自动切换渲染模式为JavaScript。如果你希望JavaScript渲染图表作为默认设置,也可以通过代码进行设置。

让我们来看看在Flash和JavaScript渲染都可用的情况下,只有JavaScript渲染生效的代码:

   My First chart using FusionCharts - Using JavaScript      
FusionCharts will load here!

指定JavaScript渲染图表:

如果只希望渲染JavaScript图表,那么就使用如下代码:

FusionCharts.setCurrentRenderer('javascript')

这段代码会让FusionCharts渲染器跳过Flash渲染并创建纯JavaScript图表。

这个设置可以应用到所有的渲染图表。因此,如果一开始开始就使用,该页面的所有图表都将使用JavaScript进行渲染。用户无需对页面中的每个图表都单独进行设置。

修改后的代码如下:

           My First chart using FusionCharts - Using pure JavaScript                      
FusionCharts will load here!

》》》

转载于:https://www.cnblogs.com/shenqi/p/3300915.html

你可能感兴趣的文章
[Python] Create a minimal website in Python using the Flask Microframework
查看>>
【PHP 】 伪静态 - 3. 伪静态的基本使用
查看>>
LA 4636 (贪心) Cubist Artwok
查看>>
项目经理怎样获得领导和客户的认可
查看>>
多线程优化 锁升级
查看>>
Linux文件系统
查看>>
安卓APP测试验证点总结
查看>>
idea启动崩溃问题
查看>>
python3 异常处理
查看>>
hdu2102(广搜)
查看>>
java.security.NoSuchAlgorithmException: SHA1PRNG SecureRandom not available
查看>>
[SinGuLaRiTy] 2017 百度之星程序设计大赛 复赛
查看>>
hard-negative mining 及伪代码实现
查看>>
JS框架_(Laydate.js)简单实现日期日历
查看>>
19. Remove Nth Node From End of List
查看>>
Struts2(三):新建Struts2工程
查看>>
数据库调优过程(一):SqlServer批量复制(bcp)[C#SqlBulkCopy]性能极低问题
查看>>
AS中jar包和aar包区别及导入导出
查看>>
Android系统备忘1
查看>>
tomcat配置
查看>>