-
chartObj =
getChartFromId(chartObjectList[i]); 这个方法中的参数,应该和图表的xhtml中语句myTypeFChart
= new FusionCharts("./FusionCharts/MSLine.swf","chartSwfTypeF", "330",
"300", "0", "1"); 中的
"chartSwfTypeF"变量相对应。而不是div的id。
-
myTypeFChart.render("myMSLineChartTypeFDiv");render的参数应该是需要画图表的div的ID。
-
new
FusionCharts("./FusionCharts/MSLine.swf","chartSwfTypeF", "330", "300",
"0", "1");倒数第二个参数表示图表是否显示debug模式。最后一个参数表示一定要设置成1,不能用缺省值0.否则不会刷新
。
例子:
//加载能耗图
function loadChart(){
var dateType = document.getElementById("dateType").value;
Ext.Ajax.request( {
url : 'resourceAction.do?method=getGroupPower',
params: {
groupId: '<%=groupId%>',
groupName: '<%=groupName%>',
dateType:dateType
},
success : function(response, options) {
responseArray = Ext.util.JSON.decode(response.responseText);
var chart1 = new FusionCharts(
"FusionCharts/MSLine.swf", "chart1Id",
"693",
"300", "0", "1");
chart1.setDataXML(responseArray.XMLDATA);
chart1.render("chartDiv1");
Ext.getBody().unmask();
}
});
}
//重新加载能耗图
function reLoadChart(DOMId){
var dateType = document.getElementById("dateType").value;
Ext.Ajax.request( {
url : 'resourceAction.do?method=getGroupPower',
params: {
groupId: '<%=groupId%>',
groupName: '<%=groupName%>',
dateType:dateType
},
success : function(response, options) {
responseArray = Ext.util.JSON.decode(response.responseText);
var chartObj = getChartFromId("chart1Id");
chartObj.setDataXML(responseArray.XMLDATA);
}
});
}
分享到:
相关推荐
【FusionCharts v3】是一款强大的JavaScript图表库,它提供了丰富的可视化效果,可用于创建互动式、动态的Web图表。这款工具适用于那些希望在网站或应用中以直观方式展示数据的开发者。通过使用FusionCharts v3,你...
此外,图表SWF文件可以缓存,仅更新数据即可,减少了重复发送图表文件的需求。 7. **多样化图表类型**:FusionCharts V3增加了许多新的图表类型,包括基础的条形图、柱状图、折线图、饼图,以及更复杂的组合图和...
1. **Charts(SWF).rar**:这个文件可能包含了FusionCharts的所有图表类型,以SWF(ShockWave Flash)格式提供。在v3中,FusionCharts主要依赖Flash技术来渲染图表,尽管现在JavaScript图表库已经转向HTML5,但在当时...
同时,教程详细介绍了下载包内的内容,比如SWF文件、JavaScript类、示例代码、服务器导出操作(Image/PDF保存脚本)、工具、ChartXSDschema、图表源代码和图表示例等,为用户提供全面的资源。 升级指南部分讲解了...
Fusioncharts XT V3.2.2的下载包内容包括SWF文件(准备使用图表)、FusionCharts JavaScript类、示例代码、服务器导出操作(Image/PDF保存脚本)、工具、ChartXSDschema、图表源代码和图表示例。 如果需要将...
**FusionCharts V3**是一款出色的Flash图表控件,以其美观、绚丽的视觉效果而备受赞誉。这款控件主要用于创建动态、交互式的数据可视化图表,适用于网页和其他应用程序中展示复杂数据。它支持AS3.0(ActionScript ...
<title>FusionCharts v3 Documentation <script language="JavaScript" src="../JSClass/FusionCharts.js"> <div id="chartdiv" align="center">FusionCharts. var chart = new FusionCharts("../...
1. Fusion Charts:FusionCharts v3 提供了一种创建动画、交互式图表的方法,适合Web和企业应用。它支持多种平台,包括PC、Mac、iPad和iPhone,并且适用于多种手机设备。 2. MaanibXML/SWF 图表:这是一个简单但...
1. Fusion Charts:FusionCharts v3是一款用于创建Web和企业应用中动画和交互式图表的企业级组件,支持多种设备,包括PCs、Macs、iPads、iPhones和多种移动设备。 2. MaanibXML/SWF图表:这款工具通过XML数据生成...
此外,FusionCharts还提供了丰富的API和方法,允许开发者进行深度定制,比如修改图表的颜色主题、调整图表的交互行为等。 至于"ssh"文件名,可能是指与SSH(Secure Shell)相关的资料,这在本案例中可能是一个误...
### FusionCharts V3 使用详解及实战 #### 一、FusionCharts 概述 FusionCharts 是一款功能强大的图表库,被广泛应用于Web应用程序中,用于生成动态且交互性强的数据可视化图表。它支持多种图表类型,包括单列图、...