FusionCharts
文章平均质量分 78
主要介绍FusionCharts各种图以及图的属性,以及图的动态展示
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
最新版FusionCharts3D饼图
1、实现源码 最新版FusionCharts3D饼图 body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size: 12px; } $(document).ready(function(){ FusionCharts.re原创 2016-06-24 20:17:04 · 4994 阅读 · 0 评论 -
最新版FusionCharts2D饼图
1、实现源码 最新版FusionCharts2D饼图 body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size: 12px; } $(document).ready(function(){ FusionCharts.re原创 2016-06-24 20:11:25 · 10281 阅读 · 1 评论 -
最新版FusionCharts3D柱状图
1、实现源码 FusionCharts最新版FusionCharts3D柱状图 body,html{ width:99%; height: 98%; font-family: "arial rounded mt bold"; font-size: 12px; } $(document).ready(fu原创 2016-06-24 18:58:45 · 10454 阅读 · 0 评论 -
最新FusionCharts2D柱状图
1、实现源码 FusionCharts最新FusionCharts2D柱状图 FusionCharts.ready(function(){ var columnChart = new FusionCharts({ type:"column2d", renderAt:"column2D", width:"1345",原创 2016-05-26 23:24:59 · 12135 阅读 · 0 评论 -
最新版FusionCharts2D面积图
1、实现源码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> 最新版FusionCharts2D面积原创 2016-04-20 23:02:20 · 11543 阅读 · 0 评论 -
Flex中配置FusionCharts
Flex中配置FusionCharts1、配置前说明 (需要的工具和插件)1.1 MyEclipse10.01.2 Flash Builder4.01.3 FusionCharts.swc(Flex4.0)1.4 FusionCharts_fcBack.as1.5 FusionCharts.as1.6 fusioncharts swf文件1原创 2014-05-14 23:40:26 · 2368 阅读 · 0 评论 -
FusionCharts ScrollColumn2D图
FusionCharts ScrollColumn2D图1、JSP页面ScrollColumn2D.jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>FusionCharts ScrollColumn2D图 $(f原创 2014-03-12 23:12:54 · 2539 阅读 · 0 评论 -
Flex中的FusionCharts 2D饼图
1、设计思路(1)FusionCharts中有Flex组件文件FusionCharts.swc,这样可以让FusionCharts用Flex展示出来;(2)利用xmlns:components="com.fusioncharts.components.*"组件,将FusionCharts嵌入到Flex中。2、Flex中展现FusionCharts饼图源码pieChart.m原创 2014-02-23 16:25:03 · 2316 阅读 · 0 评论 -
FusionChart中引入图类型和数据源方法
1、XMLUrl var column = new FusionCharts("FusionCharts/Column3D.swf","colmnId","400","300"); column.setXMLUrl("Data.xml"); column.render("chart");2、DataURL var column原创 2013-08-25 13:31:25 · 1869 阅读 · 0 评论 -
FusionCharts 2D柱状图和折线图的组合图
1、设计思路(1)了解组合图的特性以及用法,选用图的类型;(2)设计出两根柱子和两根折线,分开展示。2、设计步骤(1)设计页面Column2DLine.html: FuionCharts 2D柱状图和折线图组合图 $(function(){ var原创 2014-01-19 20:42:29 · 4400 阅读 · 0 评论 -
FusionChart用XML和JSON两种格式提供数据源
(1)由于FusionChart的数据源格式有两种:XML和JSON,设计用两种格式提供数据源(2)两种格式又分为路径格式(XMLUrl和JSONUrl)和字符串格式(XMLData和JSONData)(3)根据上述情况,设计出四种格式,分别为XMLUrl、JSONUrl、XMLData和JSONData(4)获取当前时间和当前秒数(5)利用JQuery定时器原理(6)采用定时器,结合hide()和show()方法,让四个图依次隐藏和显示原创 2013-09-25 22:27:48 · 5619 阅读 · 4 评论 -
FusionChart实现奇偶间隔显示
1、设计思路(1)当点击“奇数月”按钮时,3D柱状图显示1,3,5,7,9,11六个月份的收入数据;(2)当点击“偶数月”按钮时,3D柱状图显示2,4,6,8,10,12六个月份的收入数据。2、设计源码column3D.jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" page原创 2013-09-23 23:48:26 · 2619 阅读 · 1 评论 -
利用XML和随机数为FusionChart提供数据源
1、利用XML提供数据源column2D.xml: 2、利用随机数提供数据源var strXML = ""; var i; //循环次数 for(i=1;i<=12;i++){ strXML += ""; } strXML = strXML + ""原创 2013-09-23 00:12:04 · 2474 阅读 · 0 评论 -
FusionChart三维立体图
1、首先,新建一个web工程,取名3dChart;2、将包含FusionChart的swf文件放在WebContent目录下,给文件夹取名为fusionchart;3、在WebContent目录下,新建一个chart.jsp和Data.xmlchart.jsp源文件如下:<%@ page language="java" contentType="text/html;原创 2013-06-25 23:20:17 · 7930 阅读 · 10 评论