DevExpress之ChartControl实现时间轴实例

本文实例讲述了devexpress采用chartcontrol实现时间轴的方法，分享给大家供大家参考。具体实现方法如下：

关键代码如下：

using system;
using system.data;
using system.windows.forms;
using devexpress.xtracharts;

namespace devexpresschart
{
    public partial class windatetime : form
    {
        public windatetime()
        {
            initializecomponent();
        }

        private void windatetime_load(object sender, eventargs e)
        {
            builderdevchart();
        }
        private datatable createchartdata()
        {
            datatable table = new datatable("table1");
            table.columns.add("date", typeof(datetime));
            table.columns.add("value", typeof(int32));
            table.rows.add(new object[] { new datetime(2014, 5, 21), 10 });
            table.rows.add(new object[] { new datetime(2014, 6, 22), 20 });
            table.rows.add(new object[] { new datetime(2014, 7, 23), 40 });
            table.rows.add(new object[] { new datetime(2014, 8, 24), 20 });
            table.rows.add(new object[] { new datetime(2014, 9, 25), 30 });
            return table;
        }
        private void builderdevchart()
        {
            series _lineseries = new series("利润", viewtype.line);
            _lineseries.argumentscaletype = scaletype.datetime;
            _lineseries.argumentdatamember = "date";
            _lineseries.valuedatamembers[0] = "value";
            _lineseries.datasource = createchartdata();
            chartcontrol1.series.add(_lineseries);

            chartcontrol1.settimeaxisx(datetimemeasurementunit.month, datetimemeasurementunit.month, "yyyy-mm");
            //---------------------------------------------------------------

            //_lineseries.valuescaletype = scaletype.datetime;
            //_lineseries.argumentdatamember = "value";
            //_lineseries.valuedatamembers[0] = "date";
            //_lineseries.datasource = createchartdata();
            //chartcontrol1.series.add(_lineseries);

            //xydiagram _diagram = (xydiagram)chartcontrol1.diagram;
            //_diagram.axisy.datetimemeasureunit = datetimemeasurementunit.month;
            //_diagram.axisy.datetimegridalignment = datetimemeasurementunit.month;
            //_diagram.axisy.datetimeoptions.format = datetimeformat.custom;
            //_diagram.axisy.datetimeoptions.formatstring = "mmmm";
        }
    }
}

using devexpress.utils;
using devexpress.xtracharts;

namespace devexpresschart
{
    public static class chartutils
    {
        /// <summary>
        /// 增加数据筛选
        /// </summary>
        /// <param name="seriesbase">series</param>
        /// <param name="columnname">列名称</param>
        /// <param name="value">列名称对应的筛选数值</param>
        /// <param name="datafiltercondition">datafiltercondition枚举</param>
        public static void adddatafilter(this seriesbase series, string columnname, object value, datafiltercondition datafiltercondition)
        {
            series.datafilters.add(new datafilter(columnname, value.gettype().fullname, datafiltercondition, value));
        }

        /// <summary>
        /// 设置x轴lable角度
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="angle">角度</param>
        public static void setxlableangle(this chartcontrol chart, int angle)
        {
            xydiagram _xydiagram = (xydiagram)chart.diagram;
            if (_xydiagram != null)
                _xydiagram.axisx.label.angle = angle;
        }
        /// <summary>
        ///  设置y轴lable角度
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="angle">角度</param>
        public static void setylableangle(this chartcontrol chart, int angle)
        {
            xydiagram _xydiagram = (xydiagram)chart.diagram;
            _xydiagram.axisy.label.angle = angle;
        }
        /// <summary>
        /// 设置coloreach
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="coloreach">是否设置成coloreach</param>
        public static void setcoloreach(this series series, bool coloreach)
        {
            seriesviewcoloreachsupportbase coloreachview = (seriesviewcoloreachsupportbase)series.view;
            if (coloreachview != null)
            {
                coloreachview.coloreach = coloreach;
            }
        }
        /// <summary>
        /// 设置是否显示十字标线
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="crosshair">是否显示十字标线</param>
        public static void setcrosshair(this chartcontrol chart, bool crosshair)
        {
            chart.crosshairenabled = crosshair ? defaultboolean.true : defaultboolean.false;
            chart.crosshairoptions.showargumentlabels = crosshair;
            chart.crosshairoptions.showargumentline = crosshair;
            chart.crosshairoptions.showvaluelabels = crosshair;
            chart.crosshairoptions.showvalueline = crosshair;
        }
        /// <summary>
        /// 新增chartcontrol的title文字
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="title">title文字</param>
        public static void addtitle(this chartcontrol chart, string title)
        {
            charttitle _title = new charttitle();
            _title.text = title;
            chart.titles.add(_title);
        }
        /// <summary>
        /// 饼状series设置成百分比显示
        /// </summary>
        /// <param name="series">series</param>
        public static void setpiepercentage(this series series)
        {
            if (series.view is pieseriesview)
            {
                ((piepointoptions)series.pointoptions).percentoptions.valueaspercent = true;
                ((piepointoptions)series.pointoptions).valuenumericoptions.format = numericformat.percent;
                ((piepointoptions)series.pointoptions).valuenumericoptions.precision = 0;
            }
        }
        /// <summary>
        /// 将x轴格式化成时间轴
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="datetimemeasureunit">x轴刻度单位</param>
        /// <param name="datetimegridalignment">x轴刻度间距的单位</param>
        public static void settimeaxisx(this chartcontrol chart, datetimemeasurementunit datetimemeasureunit, datetimemeasurementunit datetimegridalignment)
        {
            xydiagram _diagram = (xydiagram)chart.diagram;
            if (_diagram != null)
            {
                _diagram.axisx.datetimemeasureunit = datetimemeasurementunit.month;//x轴刻度单位
                _diagram.axisx.datetimegridalignment = datetimemeasurementunit.month;//x轴刻度间距
            }
        }
        /// <summary>
        /// 将x轴格式化成时间轴
        /// </summary>
        /// <param name="chart">chartcontrol</param>
        /// <param name="datetimemeasureunit">x轴刻度单位</param>
        /// <param name="datetimegridalignment">x轴刻度间距的单位</param>
        /// <param name="formatstring">时间格式；eg:yyyy-mm</param>
        public static void settimeaxisx(this chartcontrol chart, datetimemeasurementunit datetimemeasureunit, datetimemeasurementunit datetimegridalignment, string formatstring)
        {
            xydiagram _diagram = (xydiagram)chart.diagram;
            if (_diagram != null)
            {
                _diagram.axisx.datetimemeasureunit = datetimemeasurementunit.month;//x轴刻度单位
                _diagram.axisx.datetimegridalignment = datetimemeasurementunit.month;//x轴刻度间距
                _diagram.axisx.datetimeoptions.format = datetimeformat.custom;
                _diagram.axisx.datetimeoptions.formatstring = formatstring;
            }
        }
    }
}

运行效果如下图所示：

希望本文所述对大家的c#程序设计有所帮助