|
引言
Silverlight對于圖形圖像處理方面,從1.0時代起就給予了很強大的支持,所以我們可以在Silverlight中實現非常棒的各種統計圖表,然而現在有了一些開源的項目,使得這項工作更加的簡單。
本文我將介紹一個開源的項目visifire,使用它可以在Silverlight 2中實現超酷的圖表。
簡單圖表
首先我們需要下載Visifire項目Silverlight開發包,在建立完項目后,添加對Visifire.Charts.dll和Visifire.Commons.dll程序集引用,添加命名空間:
創建圖表,此處的LayoutRoot是我們放置圖表的控件,它可以使Grid、StackPanel或者Canvas等控件。
添加數據,這里為了簡單起見隨機創建了六組數據,注意我們需要把DataPoint數據添加到DataSeries對象的Children屬性中,而不能添加在DataPoints屬性上:
添加圖表到容器上面:
最后完整的代碼如下所示:
現在運行后,可以看到效果如下圖所示:
當鼠標放在圖表上時,可以顯示具體的數值:
去除水印
我們注意到在上面的圖形右上角添加了“Powered by Visifire”的水印效果,好在Visifire給我們提供了一個屬性,可以隱藏該水印效果:
現在運行后可以看到水印效果已經隱藏:
實現3D效果
除此之外,還可以實現3D效果的圖表,通過View3D屬性來設置,如下代碼所示:
運行后效果如下圖所示:
設置圖表Theme
在Visifire中,我們還可以為圖表設置Theme,內置的有3種Themes,它們默認的動畫類型以及顏色集合如下表所示:
設置Theme如下代碼所示:
運行后效果如下圖所示:
設置動畫類型
Visifire還可以指定圖標加載時的動畫類型,內置了5中動畫類型,它們的描述如下所示:
設置動畫類型:
這樣在加載圖表時,可以顯示不同的動畫。Visifire項目代碼還需要進一步完善,很多東西都沒有使用枚舉,而是用字符串來表示,如上面提到的Theme和AnimationType等。
設置顏色集合
Visifire內置了很多的圖標顏色集合,我們可以為最終生成的圖表設置顏色,如下代碼所示:
最終生成的圖表效果如下圖所示:
設置圖表類型
Visifire中內置了各種圖表類型,包括柱狀圖,餅圖等。它提供了ChartTypes枚舉:
但是這個枚舉似乎并沒有什么用,在設置時仍然需要用枚舉對應的字符串,并且圖表類型的設置實在DataSeries對象上,而不是Chart對象,如下代碼所示:
運行后效果如下圖所示:
關于Visifire就簡單的介紹這么多,大家可以去查看相關的文檔。
相關資源
下載Visifire項目開發包
源代碼:http://code.google.com/p/visifire/
SVN地址:http://visifire.googlecode.com/svn/trunk
在線文檔:http://www.visifire.com/visifire_charts_documentation.php
總結
本文簡單的介紹了使用Visifire項目在Silverlight 2中實現圖形報表,希望對大家有所幫助。
NET技術:在Silverlight 2中實現超酷圖表,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。