原創(chuàng)|其它|編輯:郝浩|2012-02-16 20:38:08.000|閱讀 957 次
概述:Visifire是一款流行的WPF&Silverlight圖表儀表控件。借助Visifire圖表控件可創(chuàng)建出酷炫的圖表和儀表。本文將介紹Visifire控件創(chuàng)建儀表的具體步驟。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Visifire是一款流行的WPF&Silverlight圖表儀表控件。借助Visifire圖表控件可創(chuàng)建出酷炫的圖表和儀表。本文將介紹Visifire控件創(chuàng)建儀表的具體步驟。
1、下載Visifire控件包。
2、將下載的內(nèi)容(Visifire.js和SL.Visifire.Gauges.xap)解壓到文件夾內(nèi)。
3、復制下面的HTML代碼。
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<title>Visifire Gauge</title>
<script type="text/javascript" src="Visifire.js"></script>
</head>
<body>
<div id="Div">
<script type="text/javascript">
var gaugeXml = "<vg:Gauge Type=\"Circular\" Width=\"300\" Height=\"300\" xmlns:vg=\"clr-namespace:Visifire.Gauges;assembly=SLVisifire.Gauges\">"
+ "<vg:Gauge.Indicators>"
+ "<vg:NeedleIndicator Value=\"50\"/>"
+ "</vg:Gauge.Indicators>"
+ "</vg:Gauge>";
var vGauge = new Visifire("SL.Visifire.Gauges.xap", "MyGauge", 300, 300);
vGauge.setDataXml(gaugeXml);
vGauge.render("Div");
</script>
</div>
</body>
</html>
4、將所復制的內(nèi)容粘貼到任意一個文本編輯器(如記事本),然后保存為HTML文件。
5、將SL.Visifire.Gauges.xap和 Visifire.js復制到HTML頁面所在的文件夾。
6、在瀏覽器中查看HTML頁面。
通過以上步驟便可生成下面的儀表:
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網(wǎng)