首页 > 代码库 > [DevExpress]ChartControl之SeriesTemplate演示

[DevExpress]ChartControl之SeriesTemplate演示

关键代码:

using System;using System.Data;using System.Windows.Forms;using CSharpUtilHelpV2;using DevExpress.XtraCharts;namespace DevExpressChart{    public partial class winGsp : Form    {        public winGsp()        {            InitializeComponent();        }        static readonly string AccessFullPath = string.Format(@"{0}\gsp.mdb", AppDomain.CurrentDomain.BaseDirectory);        static DataTable GspList = null;        AccessUtilsV2 AccessHelper = null;        private void winGsp_Load(object sender, EventArgs e)        {            AccessHelper = new AccessUtilsV2(AccessFullPath);            GspList = AccessHelper.ExecuteDataTable("select * from Gsp", null);            BuilderDevChart();        }        private void BuilderDevChart()        {            if (GspList != null)            {                chartControl1.SeriesDataMember = "Year";                chartControl1.SeriesTemplate.ArgumentDataMember = "Region";                chartControl1.SeriesTemplate.ValueDataMembers.AddRange(new string[] { "GSP" });                chartControl1.SeriesNameTemplate.BeginText = "GSP in ";                chartControl1.DataSource = GspList;                chartControl1.SetXLableAngle(-35);                chartControl1.SetCrosshair(true);                chartControl1.Legend.Direction = LegendDirection.LeftToRight;                chartControl1.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Center;                chartControl1.Legend.AlignmentVertical = LegendAlignmentVertical.BottomOutside;                chartControl1.AddTitle("GSP List");            }        }    }}

<style type="text/css">.csharpcode, .csharpcode pre{ font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em;}.csharpcode .lnum { color: #606060; }</style>------------------------------------------------------------------------------------------------------

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

<style type="text/css">.csharpcode, .csharpcode pre{ font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em;}.csharpcode .lnum { color: #606060; }</style>运行效果:

image

希望有所帮助!谢谢!

[DevExpress]ChartControl之SeriesTemplate演示