天天看點

UWP 使用Telerik Chart控件

Telerik開發的chart功能異常強大 使用者可以自行在商店搜尋“UI for uwp demos”。

下面我就結合以下我的軟體,來說明一下餅狀圖的實作。

看看效果:

UWP 使用Telerik Chart控件

 先看一下Xaml代碼實作

解釋一下,之是以在最外層用ScrollViewer包一下,是因為怕有些裝置寬高不夠用、或者使用者将視窗調節的非常小,導緻不能檢視的情況。最好把滾動條隐藏了,這樣好看。

開頭引用xmlns:chart="using:Telerik.UI.Xaml.Controls.Chart"

背景,我的操作邏輯是,通過上一篇的簽到資料,選擇一行資料,然後生成累計的簽到圖。

是以先寫一個LoadData的函數

然後在 OnNavigatedTo 中調用:

是以和上一篇文章聯系氣來,連貫的操作gif如下圖

UWP 使用Telerik Chart控件

繼續閱讀