轉(zhuǎn)帖|其它|編輯:郝浩|2012-01-19 23:57:08.000|閱讀 850 次
概述:在上文”flash圖表控件FusionCharts在winform中的運(yùn)用(一)”中,介紹了Line2D的FusionCharts圖表的XML基本屬性。本文將介紹如何在WinForm中顯示圖表,并且通過按鈕點(diǎn)擊顯示不同的圖表。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在上文”flash圖表控件FusionCharts在winform中的運(yùn)用(一)”中,介紹了Line2D的FusionCharts圖表的XML基本屬性。
本文將介紹如何在WinForm中顯示圖表,并且通過按鈕點(diǎn)擊顯示不同的圖表。
在WinForm中顯示SWF文件,有兩種途徑,一個(gè)是利用Flash控件;一個(gè)是利用WebBrowser控件;本文利用的是后者。WebBrowser控件通過顯示包含SWF文件的HTML文件,來達(dá)到顯示SWF文件的目的。
首先,準(zhǔn)備好外部文件:
FusionCharts.js;這個(gè)是FusionCharts的JS文件。在官方的免費(fèi)包里。
FCF_Line.swf;這個(gè)是FusionCharts的SWF文件,用來顯示圖表的,在官方的免費(fèi)包里。
1.xml;圖表數(shù)據(jù)一,自己構(gòu)造的XML圖表數(shù)據(jù)。
2.xml;圖表數(shù)據(jù)二,自己構(gòu)造的XML圖表數(shù)據(jù),和前一個(gè)文件屬性相同,只是數(shù)據(jù)點(diǎn)的數(shù)據(jù)不同。
Line2D.html;包含SWF文件的HTML文件。內(nèi)容如下:
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FusionCharts Free Documentation</title>
<script language="JavaScript" src="FusionCharts.js"></script>
<script language="javascript">var query=location.search.substring(5);
</script>
</head>
<body style="margin:0px;">
<div style="width:600px;">
<div id="chartdiv" align="center">
FusionCharts.
</div>
<script type="text/javascript">
var chart = new FusionCharts("FCF_Line.swf", "ChartId", "600", "350"); chart.setDataURL(query);
chart.render("chartdiv");
</script>
</div>
</body>
這個(gè)文件的關(guān)鍵有這幾個(gè)方面:
1、var query=location.search.substring(5);。這句話是JS來獲取HTML的傳入?yún)?shù)。在使用的時(shí)候,WebBrowse控件是采用Line2D.html?url=2.xml的形式,那么前面的這句話就是獲得2.xml這個(gè)外部數(shù)據(jù)文件名。
2、<body style="margin:0px;">。這句話是把頁面的留白去掉。
3、chart.setDataURL(query); 。這句話的意思是根據(jù)前面獲得的文件名,動(dòng)態(tài)的獲得數(shù)據(jù)。
文件準(zhǔn)備好后,在Winform上拖動(dòng)控件,兩個(gè)Button,一個(gè)WebBrowse控件。
WebBrowse控件的屬性設(shè)置如下:
IsWebBrowserContextMenuEnabled = False;不顯示W(wǎng)ebBrowser的上下文菜單
Width = 600
Height = 350
ScrollBarsEnabled = False;不顯示滾動(dòng)條
WebBrowserShortcutsEnabled = False;不顯示W(wǎng)ebBrowser的快捷菜單。
在Form的Actived的事件中,添加如下代碼,默認(rèn)顯示第一個(gè)圖表
WebBrowser1.Navigate(Application.StartupPath & "\Line2D.html?url=1.xml")
在Button1的Click事件中,添加如下代碼,顯示第一個(gè)圖表
WebBrowser1.Navigate(Application.StartupPath & "\Line2D.html?url=1.xml")
在Button2的Click事件中,添加如下代碼,顯示第二個(gè)圖表
WebBrowser1.Navigate(Application.StartupPath & "\Line2D.html?url=2.xml")
至此,效果完成。下面是兩個(gè)效果圖。
點(diǎn)擊Button1的效果:
點(diǎn)擊Button2的效果:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:網(wǎng)絡(luò)轉(zhuǎn)載