FudionCharts简单学习记录
来源:互联网 发布:软件研发的特点 编辑:程序博客网 时间:2024/06/08 15:24
考虑做按时间划分的,可以 用把日期格式转为距离某年某月多少毫秒来计算,然后用二分法。选取100个再二分,找到后clear内存。可以写在在dateUtils中。
一:做仅涉及前台ajax的图形渲染
第一步:导入FusionCharts.js文件
第二步:定义一个DIV,它必须具备一个元素:id
第三步:建立一个FusionCharts对象
Para1:表示的是SWF文件的地址
Para2:该图形的ID,这个可以随便命名,但是需要保证它的唯一性
para3:图形的高度。
Para4:图形的长度。
第四步:设置数据文件
第五步:指定图形渲染的位置。
通过上面五个步骤就是完成js加载FusionCharts图形。如果需要加载多个图形,只需要重复第二步—第五步,但是需要确保DIV和FusionCharts对象的id的唯一性。如:
二:前后台交
由于总是要使用到数据库的数据,所以必须后台查找后以字符串格式传送到前台,或者是直接返回xml格式文件。我做的是前台ajax结合spring mvc,mybatis查询数据库以前前台渲染。dataXML和dataURL都可以提供数据,只不过dataURL是将数据文件以URL地址的形式,而dataXML则是以XML文本的形式。说的直白点就是dataURL将xml文件的地址告知FCF,而dataXML是将XML数据文件里的内容告知FCF。在实际的应用中一般都是推荐这种方式:setDataURL()方法,使用JavaScript来加载图形。不过在使用setDataURL时,如果地址里面包含有”?”、”&”等字符时,需要进行转码操作。对于Java而言推荐使用URLEncoder.encode()来进行编码。不过我的项目使用了setdataXML方式更加简单容易执行
0 0
- FudionCharts简单学习记录
- 简单学习记录
- tcpdump简单学习记录
- go 学习简单记录
- Tooltip学习简单记录
- N简单CMS学习记录
- 正则表达式简单学习记录
- Java学习之简单记录
- linux杂记-学习简单记录
- cocos2d学习记录(四)-简单动画
- 简单的万能Makefile 《学习记录二》
- arc的一点简单的学习记录
- Linux学习记录--文件系统简单操作
- 关于Git的简单学习记录
- 【学习记录】简单线程池的实现
- HeadFirst Python及 python 简单学习记录
- [学习记录]简单的异步操作
- D3学习记录之简单动画
- JS中的this、apply、call
- Java基础(十),流
- Unity序列化和持久化
- pcduino上用opencv的能出现的问题+解决方案
- CF #591 Div2 B.Rebranding(数组记录字母变化)
- FudionCharts简单学习记录
- 重装WIN7操作系统详细步骤
- SGU 101 && POJ 1041 欧拉路径/欧拉回路
- Android控件之ListView(一)
- leetcode-242. Valid Anagram
- Spring学习
- Android中Intent组件详解
- eclipse中项目复制后发布出现问题
- java接口