提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:龚雪|2014-05-08 09:16:27.000|阅读 3857 次
概述:我们在使用FusionCharts图表的时候,需要使用一些事件监听来帮助我们了解Flash加载图表数据的情况,因此,慧都小编特意在本文中总结了近20个事件API,如果大家在使用FusionCharts图表的过程中也整理了其他事件API,也请大家多多分享。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
1、FusionCharts API:Initialize(初始化)事件
提示用户FusionCharts图表组件相关的Flash和JS文件等等是否准备就绪,能够创建FusionCharts图表对象。
///添加初始化完成的事件Initialized FusionCharts.addEventListener('Initialized', function (identifier, parameter) { alert(identifier.sender.id + "图表已经初始化完成"); }); var myChart = new FusionCharts("/swf/Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLData('<chart caption="Weekly Sales Summary" xAxisName="Week" yAxisName="Sales" numberPrefix="$"><set label="Week 1" value="14400" /><set label="Week 2" value="19600" /><set label="Week 3" value="24000" /><set label="Week 4" value="15700" /></chart>'); myChart.render("chartContainer");
2、FusionCharts API:DataUpdated(数据更新)事件
主要是监听图表组件有数据加载的时候就会提示这个信息。
///添加初始化完成的事件DataUpdated FusionCharts.addEventListener('DataUpdated', function (eventObject, argumentsObject) { alert(eventObject.sender.id + "数据更新") });
3、FusionCharts API:Loaded(数据加载)事件
主要是用于判断图表是否加载到指定的DIV容器内
var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLData('<chart caption="Weekly Sales Summary" xAxisName="Week" yAxisName="Sales" numberPrefix="$"><set label="Week 1" value="14400" /><set label="Week 2" value="19600" /><set label="Week 3" value="24000" /><set label="Week 4" value="15700" /></chart>'); myChart.render("chartContainer"); ///监听Loaded事件 判断是否已经加载数据 myChart.addEventListener("Loaded", function (evt, args) { alert(evt.sender.id + "图表已经被加载。"); });
4、FusionCharts API:Rendered(呈现)事件
主要是用于判断Flash图表是否已经呈现在DIV容器内,且已经能够看到Flash图表的雏形。
var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLData('<chart caption="Weekly Sales Summary" xAxisName="Week" yAxisName="Sales" numberPrefix="$"><set label="Week 1" value="14400" /><set label="Week 2" value="19600" /><set label="Week 3" value="24000" /><set label="Week 4" value="15700" /></chart>'); myChart.render("chartContainer"); ///监听Rendered事件 判断是否已经呈现于DIV容器内 myChart.addEventListener("Rendered", function (evt, args) { alert(evt.sender.id + "图表已经呈现于DIV容器内"); });
5、FusionCharts API:DrawComplete(画完成)事件
主要用于判断提供给Flash的数据是否完全在图标上得到展现,且全部完成。这个事件很重要,对于那些一个页面有多个图表,且需要一个个加载的时候,就可以使用这个事件,具体见如下Code中所述。
function DrawChartOne() { var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLData('<chart caption="Weekly Sales Summary" xAxisName="Week" yAxisName="Sales" numberPrefix="$"><set label="Week 1" value="14400" /><set label="Week 2" value="19600" /><set label="Week 3" value="24000" /><set label="Week 4" value="15700" /></chart>'); myChart.render("chartContainer"); //添加监听事件DrawComplete,判断图表是否画完全 myChart.addEventListener("DrawComplete", function () { alert("图表1已经全部画完。"); //开始这手加载图表2 DrawChartTwo(); } ); } //加载图表2 function DrawChartTwo() { var myChartTwo = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChartTwo.setXMLData('<chart caption="Weekly Sales Summary" xAxisName="Week" yAxisName="Sales" numberPrefix="$"><set label="Week 1" value="14400" /><set label="Week 2" value="19600" /><set label="Week 3" value="24000" /><set label="Week 4" value="15700" /></chart>'); myChartTwo.render("chartContainer"); //添加监听事件DrawComplete,判断图表是否画完全 myChartTwo.addEventListener("DrawComplete", function () { alert("图表2已经全部画完。"); //然后这里该干嘛就干嘛 } ); } //初始化页面 加载图表 $(document).ready(function () { DrawChartOne(); });
6、FusionCharts API:Resized(缩放)事件
当图表大小(高、宽)值发生变化的时候,就会触发此事件。
var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "100%", "100%", "0", "1"); myChart.setXMLData('<chart caption="Weekly Sales Summary" xAxisName="Week" yAxisName="Sales" numberPrefix="$"><set label="Week 1" value="14400" /><set label="Week 2" value="19600" /><set label="Week 3" value="24000" /><set label="Week 4" value="15700" /></chart>'); myChart.render("chartContainer"); //监听缩放事件 myChart.addEventListener("Resized", function (evt, args) { alert(evt.sender.id + "图表已经缩放 从 ( width: " + args.prevWidth + ", height: " + args.prevHeight + ") 到 (width: " + args.width + ", height: " + args.height + ")"); });
7、FusionCharts API:Exported(导出图表)事件
当我们允许图表有导出菜单的情况下,导出图表的时候,会提示您是否可以导出。
//监听图表导出事件 myChart.addEventListener("Exported", function (evt, args) { alert(args.DOMId + (args.statusCode ? " 图表已经导出" : "图表不能够被导出")); });
8、FusionCharts API:PrintReadyStateChange(准备好打印)事件
9、FusionCharts API:BeforeLinkedItemOpen(点击图表内项目)事件
10、FusionCharts API:LinkedItemOpened(点击图表内项目已经响应)事件
11、FusionCharts API:BeforeLinkedItemClose(连接打开项目开始关闭)事件
12、FusionCharts API:LinkedItemClosed(连接打开项目已经关闭)事件
13、FusionCharts API:DataLoadError(图表数据加载错误)事件
可以便于我们判断错误定位位置,数据源提供有误/Flash地址不正确/DIV容器不存在;
14、FusionCharts API:DataXMLInvalid(XML数据提供有问题)事件
用于判断我们提供给FusionCharts图表的XML数据格式存在问题;
var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLData("<chart><set lavel='' value='1'></chart>>"); myChart.render("chartContainer"); //用户判断XML数据格式存在错误 function FC_DataXMLInvalid(DOMId) { alert("Invalid XML data error occured in chart having id - " + DOMId); }
15、FusionCharts API:NoDataToDisplay(没有数据)事件
用于判断提供给图表的数据没有。只有一个空空的chart。
var myChart = new FusionCharts("../../../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLData("<chart/>"); myChart.render("chartContainer"); //用户判断图表没有任何数据 function FC_NoDataToDisplay(DOMId) { alert("没有人任何数据展示在图表内- " + DOMId); }
16、FusionCharts API:BeforeDispose(图表即将释放)事件
FusionCharts.addEventListener(FusionChartsEvents.BeforeDispose, function (identifier, parameter) { alert(identifier.sender.id + "图表即将释放"); });
17、FusionCharts API:Disposed(图表已经释放)事件
FusionCharts.addEventListener("Disposed", function (identifier, parameter) { alert(identifier.sender.id + "图表已经释放掉。"); });
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:慧都控件网本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢