`

FusionCharts V3产生的图表自动进行刷新,内容刷新,不是整个swf区域刷新

阅读更多
  1. chartObj = getChartFromId(chartObjectList[i]); 这个方法中的参数,应该和图表的xhtml中语句myTypeFChart = new FusionCharts("./FusionCharts/MSLine.swf","chartSwfTypeF", "330", "300", "0", "1"); 中的 "chartSwfTypeF"变量相对应。而不是div的id。
  2. myTypeFChart.render("myMSLineChartTypeFDiv");render的参数应该是需要画图表的div的ID。
  3. 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);
            }
        });
    }

分享到:
评论
4 楼 風生水起 2015-01-04  
怎么不行啊
3 楼 zhp03424 2013-08-01  
[b][/b]
[i][/i]
[u][/u]
引用



    [*]

[img][/img]
[url][/url]
[flash=200,200][/flash]

2 楼 cuisuqiang 2012-06-12  
经测试,行不通呀!
1 楼 zzc1016 2012-05-30  
大哥你好请教个问题,为什么我用fusionchart实时刷新数据,按你的方法报错,我用ie8调试
                var chartObj = getChartFromId("chart1Id");//chartobj对象没有setDataXML()方法
                chartObj.setDataXML(responseArray.XMLDATA);
fusionchart是否可以实现不刷新页面只刷数据,谢谢!

相关推荐

    FusionCharts v3

    【FusionCharts v3】是一款强大的JavaScript图表库,它提供了丰富的可视化效果,可用于创建互动式、动态的Web图表。这款工具适用于那些希望在网站或应用中以直观方式展示数据的开发者。通过使用FusionCharts v3,你...

    FusionCharts_V3_新特性

    此外,图表SWF文件可以缓存,仅更新数据即可,减少了重复发送图表文件的需求。 7. **多样化图表类型**:FusionCharts V3增加了许多新的图表类型,包括基础的条形图、柱状图、折线图、饼图,以及更复杂的组合图和...

    FusionCharts v3源码

    1. **Charts(SWF).rar**:这个文件可能包含了FusionCharts的所有图表类型,以SWF(ShockWave Flash)格式提供。在v3中,FusionCharts主要依赖Flash技术来渲染图表,尽管现在JavaScript图表库已经转向HTML5,但在当时...

    Fusioncharts_XT_V3.2.2最新版教程下载

    同时,教程详细介绍了下载包内的内容,比如SWF文件、JavaScript类、示例代码、服务器导出操作(Image/PDF保存脚本)、工具、ChartXSDschema、图表源代码和图表示例等,为用户提供全面的资源。 升级指南部分讲解了...

    Fusioncharts XT V3.2.2中文版教程

    Fusioncharts XT V3.2.2的下载包内容包括SWF文件(准备使用图表)、FusionCharts JavaScript类、示例代码、服务器导出操作(Image/PDF保存脚本)、工具、ChartXSDschema、图表源代码和图表示例。 如果需要将...

    FusionChartsV3

    **FusionCharts V3**是一款出色的Flash图表控件,以其美观、绚丽的视觉效果而备受赞誉。这款控件主要用于创建动态、交互式的数据可视化图表,适用于网页和其他应用程序中展示复杂数据。它支持AS3.0(ActionScript ...

    FusionCharts 二次开发指南

    &lt;title&gt;FusionCharts v3 Documentation &lt;script language="JavaScript" src="../JSClass/FusionCharts.js"&gt; &lt;div id="chartdiv" align="center"&gt;FusionCharts. var chart = new FusionCharts("../...

    15款经典图表软件推荐 创建最漂亮的图表

    1. Fusion Charts:FusionCharts v3 提供了一种创建动画、交互式图表的方法,适合Web和企业应用。它支持多种平台,包括PC、Mac、iPad和iPhone,并且适用于多种手机设备。 2. MaanibXML/SWF 图表:这是一个简单但...

    15款经典图表软件推荐

    1. Fusion Charts:FusionCharts v3是一款用于创建Web和企业应用中动画和交互式图表的企业级组件,支持多种设备,包括PCs、Macs、iPads、iPhones和多种移动设备。 2. MaanibXML/SWF图表:这款工具通过XML数据生成...

    FusionChartsV3 使用案例

    此外,FusionCharts还提供了丰富的API和方法,允许开发者进行深度定制,比如修改图表的颜色主题、调整图表的交互行为等。 至于"ssh"文件名,可能是指与SSH(Secure Shell)相关的资料,这在本案例中可能是一个误...

    fusionChart图形,以用ajax封装好,支持json数据。

    ### FusionCharts V3 使用详解及实战 #### 一、FusionCharts 概述 FusionCharts 是一款功能强大的图表库,被广泛应用于Web应用程序中,用于生成动态且交互性强的数据可视化图表。它支持多种图表类型,包括单列图、...

Global site tag (gtag.js) - Google Analytics