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";

 

效果如下:

 

 

示例参考:

Chart_DateAxis.zip (8.75 kb)

 

 

更多资源

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初级教程》系列文章

初遇。Getting Started(上)

初遇。Getting Started(下)

类型。穿Prada的女王(上)

类型。穿Prada的女王(下)

数据。和数据源相关的那些事(一)

数据。和数据源相关的那些事(二)

数据。和数据源相关的那些事(三)

数据。和数据源相关的那些事(四)

标记和标签。撕名牌大战(一)

标记和标签。撕名牌大战(二)

标记和标签。撕名牌大战(三)

导出(PDF,EXCEL) 

多轴图表 

轴的动态绑定

实现轴注释的高级自定义

颜色和大小。数据点的自定义(一)

符号。数据点的自定义(二)

基础介绍。XAML动画(一)

基础介绍。XAML动画(二)

基础介绍。XAML动画(三)

基础介绍。XAML动画(四)