原創|其它|編輯:郝浩|2012-01-18 02:19:14.000|閱讀 1657 次
概述:Silverlight在圖形圖像處理方面,從1.0時代起就給予了很強大的支持,所以我們可以在Silverlight中實現各種意想不到的統計圖表效果,本文我將介紹一款silverlight圖表控件visifire,使用它可以在Silverlight 4中實現超酷的圖表。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Silverlight在圖形圖像處理方面給我們帶來了很多的驚喜,我們可以在Silverlight中實現各種意想不到的統計圖表效果,本文我將介紹一款silverlight圖表控件visifire,使用它可以在Silverlight 4中實現超酷的圖表。
常用圖表
首先我們需要下載Visifire項目Silverlight開發包,在建立完項目后,添加對Visifire.Charts.dll和Visifire.Commons.dll程序集引用,添加命名空間:
創建圖表,此處的LayoutRoot是我們放置圖表的控件,它可以使Grid、StackPanel或者Canvas等控件。
添加數據,這里為了簡單起見隨機創建了六組數據,注意我們需要把DataPoint數據添加到DataSeries對象的Children屬性中,而不能添加在DataPoints屬性上:
添加圖表到容器上面:
最后完整的代碼如下所示:
現在運行后,可以看到效果如下圖所示:
當鼠標放在圖表上時,可以顯示具體的數值:
去除水印
我們注意到在上面的圖形右上角添加了“Powered by Visifire”的水印效果,好在Visifire給我們提供了一個屬性,可以隱藏該水印效果:
現在運行后可以看到水印效果已經隱藏:
實現3D效果
visifire除了可以實現漂亮的2D圖表外,還可以實現效果酷炫的3D效果,通過View3D屬性來設置,如下代碼所示:
運行后效果如下圖所示:
設置圖表主題
在Visifire中,我們還可以為圖表設置Theme,內置的有3種主題,它們默認的動畫類型以及顏色集合如下表所示:
設置Theme如下代碼所示:
運行后效果如下圖所示:
設置動畫類型
Visifire還可以指定圖標加載時的動畫類型,內置了5中動畫類型,它們的描述如下所示:
設置動畫類型:
這樣在加載圖表時,可以顯示不同的動畫。Visifire項目代碼還需要進一步完善,很多東西都沒有使用枚舉,而是用字符串來表示,如上面提到的Theme和AnimationType等。
設置顏色集合
Visifire內置了很多的圖標顏色集合,我們可以為最終生成的圖表設置顏色,如下代碼所示:
最終生成的圖表效果如下圖所示:
設置圖表類型
Visifire中內置了各種圖表類型,包括柱狀圖,餅圖等。它提供了ChartTypes枚舉:
但是這個枚舉似乎并沒有什么用,在設置時仍然需要用枚舉對應的字符串,并且圖表類型的設置實在DataSeries對象上,而不是Chart對象,如下代碼所示:
運行后效果如下圖所示:
總結
本文簡單的介紹了使用Visifire控件在Silverlight 中實現圖形報表,希望對大家有所幫助。
相關資源
下載Visifire項目開發包
在線demo:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網