原創(chuàng)|使用教程|編輯:郝浩|2013-07-11 13:39:26.000|閱讀 257 次
概述:如何在界面控件Essential Studio for WinRT(XAML)中創(chuàng)建走勢圖,要實現(xiàn)這個可以參考下面的步驟,附加示例代碼和截圖。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
如何在界面控件Essential Studio for WinRT(XAML)中創(chuàng)建走勢圖,要實現(xiàn)這個可以參考下面的步驟:
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>
在前面的步驟中將會創(chuàng)建一個空的趨勢圖,現(xiàn)在需要添加一些數(shù)據(jù)到走勢圖中進(jìn)行繪制。在下面的示例中,將會創(chuàng)建一個數(shù)據(jù)源。
[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; } }
現(xiàn)在需要從之前的代碼示例中添加UsersViewModel到走勢圖的DataContext上,綁定數(shù)據(jù)源到SfLineSparkline控件的項目數(shù)據(jù)屬性上,然后使用YBindingPath和XBindingPath映射數(shù)據(jù)。
[XAML]
<Grid.DataContext> <local:UsersViewModel/> </Grid.DataContext> <Syncfusion:SfLineSparkline ItemsSource="{Binding UsersList}" YBindingPath="NoOfUsers"> </Syncfusion:SfLineSparkline >
最終就創(chuàng)建好了一個簡單的走勢圖,效果如下:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件