国产精品视频一区,91天堂97清纯小,91精品麻豆啪在线观看

FusionCharts實用技能之制作實時刷新圖

原創|使用教程|編輯：龔雪|2014-12-08 10:10:59.000|閱讀 637 次

概述：下面介紹的是用FusionCharts制作實時刷新圖的過程。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

【年終大促巔峰盛慧】FusionCharts XT及套包<8折>！

下面介紹的是用FusionCharts制作實時刷新圖的過程(FusionCharts確實太好用了,~~o(>_<;)o ~~).

1. 網上沒什么例子可以參考,官網有,先下載FusionChartsSuiteXTEval.大概有114M。

解壓縮出來,主要關注以下幾個目錄：

? FusionChartsSuiteXTEval\FusionWidgets XT\Charts下的swf文件.這里使用的是RealTimeLine.swf.

? FusionChartsSuiteXTEval\FusionWidgets XT\Code\RealTime目錄就是一些示例.

? FusionChartsSuiteXTEval\FusionWidgets XT\Contents\RealTime和FusionChartsSuiteXTEval\FusionWidgets XT\Contents\DataStreaming,主要是一些文檔的參考.

2. 先把官方的例子跑起來.

官方只帶了一個jsp的示例,我們將其配置到tomcat中.在server.xml中配置虛擬目錄,指定到FusionChartsSuiteXTEval\FusionWidgets XT目錄.

最簡單的示例：SimpleExample.html、Data.xml.這里將Data.xml文件中的dataStreamURL改為StockPrice.jsp.看一下StockPrice.jsp文件,其實很簡單,就是打印這樣的數據格式：&label=12:23:45&value=23.

剛剛那個只有一條線,現在看一個怎么樣有兩條線的:MultipleDS.html、MultipleDS.xml,這里官方沒有提供了jsp的例子.我們可以看下StockPriceGoogDell.asp文件.不會asp沒關系,其實我們只要關注最后一行的輸出：

把官方的提供的StockPrice.jsp稍作修改,簡單點就改成了這樣：

效果如圖：

關于輸出的數據格式的問題,可以參考FusionChartsSuiteXTEval\FusionWidgets XT\Contents\RealTime目錄下的RealTimeDataFormat.html文件.

3. 如何使用FusionCharts的js的API了來控制數據的改變.那就得參考FusionChartsSuiteXTEval\FusionWidgets XT\Contents\DataStreaming目錄下的JSAPI.html和JSFeed.html.

JSFeed.html提供了比較完整的例子：

其中最重要的兩點就是：

(1) 獲取chart的ID：var chartRef = FusionCharts("ChId1");

(2) 更新數據：chartRef.feedData(strData);

只要掌握了這兩點,就可以做一些稍微復雜些的例子了,比如下圖一個頁面上同時有多個實時刷新圖：

4. 從上面可以看到實時圖是有水印的:

如何去掉這個水印呢?

這里用到了URL Action Editor6.0.打開RealTimeLine.swf文件,然后搜索Trial.

然后雙擊那一行,就可以修改文字了,刪除也行.

效果如圖：

From ITeye

狂歡繼續！【年終大促巔峰盛"慧" 】促銷火熱進行中 iPhone 6 Plus、 iPhone 6、iPad Air滿就送，還不趕快買買買！

標簽：JavaScript HTML5 圖表 FusionCharts FusionCharts圖表

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：慧都控件網

上一篇：dtSearch使用教程：文件緩存下一篇：UML基礎學習及資源總結

相關產品

控件

產品功能：圖表

源碼：非開源

產品編號：10691

當前版本：v3.13.2-sr.1 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： InfoSoft

正式授權

">FusionCharts XT

50萬用戶首選的跨平臺、跨瀏覽器的JavaScript/HTML圖表解決方案

控件

產品功能：圖表

源碼：非開源

產品編號：13447

當前版本：V3.20.0 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： InfoSoft

正式授權

">FusionCharts Suite XT

全面的跨平臺、跨瀏覽器JavaScript圖表解決方案套包，擁有100+圖表和2000+地圖

最新文章 MORE

金喜正規買球相關的文章 MORE

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

FusionCharts實用技能之制作實時刷新圖

【年終大促巔峰盛慧】FusionCharts XT及套包<8折>！

用科技創就卓越

Create excellence with technology

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

FusionCharts實用技能之制作實時刷新圖

【年終大促 巔峰盛慧】FusionCharts XT及套包<8折>！

為你推薦

用科技創就卓越

Create excellence with technology

【年終大促巔峰盛慧】FusionCharts XT及套包<8折>！