原創|使用教程|編輯:郝浩|2013-07-11 13:39:26.000|閱讀 257 次
概述:如何在界面控件Essential Studio for WinRT(XAML)中創建走勢圖,要實現這個可以參考下面的步驟,附加示例代碼和截圖。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
如何在界面控件Essential Studio for WinRT(XAML)中創建走勢圖,要實現這個可以參考下面的步驟:
1、對你的項目打開添加引用窗口。
2、選擇Windows > Extensions > Syncfusion controls for WinRT XAML。
3、在你的XAML頁面中添加下面的命名空間:
[XAML]
xmlns:Syncfusion="using:Syncfusion.UI.Xaml.Charts "
4、初始化趨勢圖。
[XAML]
<Syncfusion:SfLineSparkline> </Syncfusion:SfLineSparkline>
在前面的步驟中將會創建一個空的趨勢圖,現在需要添加一些數據到走勢圖中進行繪制。在下面的示例中,將會創建一個數據源。
[C#]
public class UserProfile { public DateTime TimeStamp { get; set; } public double NoOfUsers { get; set; } } public class UsersViewModel { public UsersViewModel() { this.UsersList = new ObservableCollection<UserProfile>(); DateTime date = DateTime.Today; UsersList.Add(new UserProfile { TimeStamp = date.AddHours(0.5), NoOfUsers = 3000 }); UsersList.Add(new UserProfile { TimeStamp = date.AddHours(0.5), NoOfUsers = 5000 }); UsersList.Add(new UserProfile { TimeStamp = date.AddHours(0.5), NoOfUsers = -3000 }); UsersList.Add(new UserProfile { TimeStamp = date.AddHours(0.5), NoOfUsers = -4000 }); UsersList.Add(new UserProfile { TimeStamp = date.AddHours(0.5), NoOfUsers = 2000 }); UsersList.Add(new UserProfile { TimeStamp = date.AddHours(0.5), NoOfUsers = 3000 }); } public ObservableCollection<UserProfile> UsersList { get; set; } }
現在需要從之前的代碼示例中添加UsersViewModel到走勢圖的DataContext上,綁定數據源到SfLineSparkline控件的項目數據屬性上,然后使用YBindingPath和XBindingPath映射數據。
[XAML]
<Grid.DataContext> <local:UsersViewModel/> </Grid.DataContext> <Syncfusion:SfLineSparkline ItemsSource="{Binding UsersList}" YBindingPath="NoOfUsers"> </Syncfusion:SfLineSparkline >
最終就創建好了一個簡單的走勢圖,效果如下:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件