visifire控件创建silverlight仪表的六部曲-控件新闻-慧都网

产品

产品
资讯
资源
视频
学院
示例

彩票走势图 > 资讯 > visifire控件创建silverlight仪表的六部曲

visifire控件创建silverlight仪表的六部曲

原创|其它|编辑：郝浩|2012-02-16 20:38:08.000|阅读 896 次

概述：Visifire是一款流行的WPF&Silverlight图表仪表控件。借助Visifire图表控件可创建出酷炫的图表和仪表。本文将介绍Visifire控件创建仪表的具体步骤。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

　　Visifire是一款流行的WPF&Silverlight图表仪表控件。借助Visifire图表控件可创建出酷炫的图表和仪表。本文将介绍Visifire控件创建仪表的具体步骤。

1、下载Visifire控件包。
2、将下载的内容（Visifire.js和SL.Visifire.Gauges.xap）解压到文件夹内。
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>