C1Chart for WPF轴:日期轴的显示
在http://blog.gcpowertools.com.cn/post/2015/03/09/C1ChartforWPF_GetStart2.aspx中,我们学习了如何给图表添加轴。
在使用C1Chart图表功能的时候,有的时候需要显示日期轴。
本来就来介绍下如何设计日期轴。
日期数据的生成
首先生成一组数据,的Date代表日期。
private void InitData()
{
Random rnd = new Random();
_items = new ObservableCollection<SampleItem>();
for (int i = 0; i < 3; i++)
{
_items.Add(new SampleItem { Value = rnd.Next(0, 100), Date = DateTime.Now.AddMonths(i) });
}
}
轴的绑定
本文让X轴显示日期,因此让X轴的值和数据进行绑定。代码参考:
var ds = new XYDataSeries()
{
ItemsSource = _items,
ValueBinding = new Binding { Path = new PropertyPath("Value") },
XValueBinding = new Binding { Path = new PropertyPath("Date") },
Label = "Sales"
};
轴的格式
通过Axisx的IsTime和AnnoFormat设置轴的格式。
代码参考:
// use time axis with specific formatting
c1Chart1.View.AxisX.IsTime = true;
c1Chart1.View.AxisX.AnnoFormat = "yyyy/MM";
效果如下:
示例参考:
更多资源
C1Chart的在线英文产品文档地址:
http://helpcentral.componentone.com/nethelp/c1wpfchart/#!Documents/componentonechartforwpf.htm
如果你对C1Chart感兴趣,请到我们的官网下载最新版本:/developer/componentone-winform/controls/chart
如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn/showforum-68.html
另外,更多信息,欢迎阅读《C1Chart for WPF初级教程》系列文章:
