`

JS使用FusionCharts显示图表(JS插件)

    博客分类:
  • JS
阅读更多

2016/2/4
 1.jQuery.getJSON(url, [data], [callback])
   url:发送请求地址。
   data:待发送 Key/value 参数。
   callback:载入成功时回调函数。
   例,
   jq.getJSON(
  "<%=servletPrefix%>FCExporterServlet.bghc",
  {
   "czlx" : type,
   "ZJM" :  encodeURI(encodeURI(ZJM)),
   "ksj" : ksj,
   "jsj" : jsj
  },
  function(data){
   var ret = data.xml;
    var myExportComponent ;
    if(FusionCharts('myChartId2')!=undefined) FusionCharts('myChartId2').dispose();
    var myChart = "";
    if(type=="deptJEYear"){
     myChart = new FusionCharts( "<%=path%>/module/report/charts/Column3D.swf",   
         "myChartId2", "800", "600", "0" );
    }else{
     myChart = new FusionCharts( "<%=path%>/module/report/charts/Pie3D.swf",   
         "myChartId2", "800", "600", "0" );
    }
    myChart.setDataXML(ret);
     myChart.render("chartContainer");
  }
 
   );

分享到:
评论

相关推荐

    FusionCharts图表制作插件

    5. **易于使用**:FusionCharts提供了详细的文档和丰富的示例代码,开发者可以通过简单的JavaScript调用来创建和定制图表。此外,它还支持JSON数据格式,使得数据交换更加简便。 6. **响应式设计**:在移动设备普及...

    fusionCharts是如何在网页呈现图表

    用户需要下载并引用相应的SWF文件,确保用户的浏览器安装了Adobe Flash Player插件来支持图表的显示。 2. **图表数据**: FusionCharts需要数据来生成图表,数据可以以XML或JSON格式提供。这些数据文件包含了图表...

    FusionCharts Free(图表插件)中文开发指南

    **FusionCharts Free中文开发指南**是一份详细阐述如何使用这款免费图表插件进行数据可视化开发的文档。FusionCharts是一款强大的JavaScript图表库,能够帮助开发者轻松创建交互式、丰富多彩的图表,适用于网页和Web...

    FusionCharts图表插件

    以下是关于FusionCharts图表插件的详细知识点: 1. **基本概念** - **FusionCharts**:FusionCharts是一套基于JavaScript和SVG(可缩放矢量图形)的图表库,同时也支持VML以兼容老版本的IE浏览器。 - **图表类型*...

    fusioncharts asp.net 图表控件示例

    FusionCharts是一套JavaScript图表解决方案,支持超过90种图表类型,包括线图、柱状图、饼图、地图等,提供丰富的动画效果和自定义选项。它通过XML或JSON数据格式接收数据,并用HTML5/SVG技术呈现图表,兼容各种...

    FusionCharts 插件及源码实例

    3. **交互性**:FusionCharts图表具有良好的交互性,用户可以通过鼠标悬停、点击图表元素来获取详细信息或触发特定事件。例如,可以通过点击饼图的扇区来高亮显示相关数据。 4. **自定义选项**:FusionCharts提供了...

    FusionCharts 图表(flash, 类库,js)

    FusionCharts是一个基于矢量图形的图表库,它使用Flash技术(早期版本)和现代的JavaScript(HTML5)技术来呈现各种图表类型,包括柱状图、饼图、线图、热力图等。该库以其易用性、灵活性和高性能著称,可以轻松地与...

    angular-fusioncharts, 面向FusionCharts的Angular JS绑定.zip

    angular-fusioncharts, 面向FusionCharts的Angular JS绑定 #AngularJS 图表插件简单有效的AngularJS图表插件。###Details 使用这个AngularJS图表插件,只使用一个指令向你的网络和移动应用程序添加交互式图表。 从...

    fusioncharts和时间选择插件

    它可以轻松地与FusionCharts集成,将选定的时间范围传递给图表,从而动态更新图表显示的数据。 集成FusionCharts和时间选择插件的过程通常涉及以下几个步骤: 1. **引入资源**:首先,需要在HTML文件中引入...

    FusionCharts free使用手册

    创建一个FusionCharts图表的基本步骤包括:初始化图表对象、定义图表类型、设置图表属性和数据源。 3. **图表类型** FusionCharts支持多种图表类型,如折线图、柱状图、饼图、散点图、仪表盘等。每种图表类型都有...

    FusionCharts 文档和实例

    1. **FusionCharts介绍**:FusionCharts是一款基于Web的图表组件,它使用JavaScript和SVG(可缩放矢量图形)技术来生成2D和3D图表。这款工具支持多种图表类型,如柱状图、线图、饼图、地图等,适用于各种数据分析和...

    FusionCharts 图表控件

    综上所述,FusionCharts图表控件是一个功能强大、灵活易用的数据可视化工具,广泛应用于多个领域,为开发人员提供了便捷的方式来展示和解析复杂数据。无论是初学者还是经验丰富的开发者,都能从中受益。通过学习和...

    FusionCharts 自己写的案例

    1. 响应式设计:FusionCharts图表适应各种屏幕尺寸,确保在移动设备上也能良好显示。 2. 多语言支持:内置多种语言,方便国际化应用。 3. 图表交互:用户可以通过鼠标悬停、点击等方式与图表进行交互,查看具体数据...

    JS各种图表统计图插件

    在JavaScript的世界里,图表插件是数据可视化的重要工具,它们帮助开发者轻松地创建各种各样的图表,如饼图、折线图、柱形图等,用于数据展示和分析。本篇将详细介绍JS图表统计图插件及其相关知识点。 首先,我们要...

    简单的jsp fusioncharts例子

    它通过JavaScript和XML数据源来渲染图表,可以在任何现代浏览器上运行,无需安装额外插件。 在JSP中使用FusionCharts,你需要完成以下步骤: 1. **引入FusionCharts库**: 首先,要在JSP页面中使用FusionCharts,...

    图表插件(flash)

    以“FusionCharts”为例,这是一款基于Flash技术的图表插件,它允许开发者创建交互式、美观的数据可视化效果。在网页设计和数据分析领域,FusionCharts是一个广泛使用的解决方案。 FusionCharts提供了一系列丰富的...

    Asp.net FusionCharts 示例

    FusionCharts是一款强大的JavaScript图表库,它能够帮助开发者轻松地在Web应用中添加丰富的图表功能。在Asp.net中使用FusionCharts,可以为你的网站或应用程序提供直观且引人入目的数据展示。 **1. 安装...

    fusioncharts-jquery-plugin:FusionCharts JavaScript图表库的jQuery插件

    它结合了FusionCharts Suite XT的愉悦性和全面性以及易于使用的jQuery语法,可帮助您向Web和移动应用程序中添加交互式JavaScript图表。Github回购: : 文档: : 支持: : 融合图官方网站: : 官方NPM软件包: : ...

    Pentaho整合FusionCharts的插件pentaho-fc-plugin安装配置

    尝试创建一个新的报告或仪表板,并选择FusionCharts图表类型,看看是否能正常渲染和交互。 在使用FusionCharts插件时,有几点需要注意: - **兼容性**:确保你的Pentaho版本与`pentaho-fc-plugin`兼容。不同版本的...

Global site tag (gtag.js) - Google Analytics