WPF DEV dxc:ChartControl 柱状图

先上效果图：

<UserControl xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"
             mc:Ignorable="d">
    <Grid>
        <dxc:ChartControl Padding="0"
                          Background="Transparent"
                          BorderBrush="Transparent"
                          CrosshairEnabled="False"
                          AnimationMode="OnLoad"
                          >
            <dxc:ChartControl.CrosshairOptions>
                <dxc:CrosshairOptions CrosshairLabelMode="ShowForNearestSeries" />
            </dxc:ChartControl.CrosshairOptions>

            <dxc:XYDiagram2D x:Name="dragram"
                             PaneOrientation="Vertical" 
                             EqualBarWidth="True"
                             >
                <dxc:XYDiagram2D.DefaultPane>
                    <dxc:Pane>
                        <dxc:Pane.DomainBrush>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#66FFFFFF" Offset="1"/>
                                <GradientStop Color="#FF466161" Offset="0"/>
                                <GradientStop Color="#FF7D9090" Offset="0.5"/>
                            </LinearGradientBrush>
                        </dxc:Pane.DomainBrush>
                    </dxc:Pane>
                </dxc:XYDiagram2D.DefaultPane>
                <dxc:XYDiagram2D.AxisX>
                    <dxc:AxisX2D>
                        <dxc:AxisX2D.Label>
                            <dxc:AxisLabel Angle="-45" 
                                           FontSize="18"
                                           Foreground="White" 
                                           Visibility="Visible"
                                           x:Name="DXCAxisLabel"
                                           />
                        </dxc:AxisX2D.Label>
                    </dxc:AxisX2D>
                </dxc:XYDiagram2D.AxisX>
                <dxc:XYDiagram2D.AxisY>
                    <dxc:AxisY2D FontSize="24"
                                 Brush="White" 
                                 Foreground="White" 
                                 FontFamily="微软雅黑"
                                 GridLinesVisible="False"
                                 TickmarksVisible="False"
                                 TickmarksMinorVisible="False"
                                 >
                        <dxc:AxisY2D.Label>
                            <dxc:AxisLabel FontSize="18" 
                                           Staggered="False" 
                                           Foreground="White" 
                                           Visibility="Visible"
                                           FontFamily="微软雅黑"
                                           />
                        </dxc:AxisY2D.Label>
                    </dxc:AxisY2D>
                </dxc:XYDiagram2D.AxisY>
                <dxc:BarSideBySideSeries2D x:Name="Series" 
                                           BarWidth="0.6" 
                                           LabelsVisibility="True"
                                           >

                    <dxc:BarSideBySideSeries2D.Model>
                        <dxc:BorderlessGradientBar2DModel />
                    </dxc:BarSideBySideSeries2D.Model>

                </dxc:BarSideBySideSeries2D>
            </dxc:XYDiagram2D>
            <dxc:ChartControl.Legend>
                <dxc:Legend VerticalPosition="Top"
                            HorizontalPosition="RightOutside"
                            FontSize="24"
                            Orientation="Vertical"
                            />
            </dxc:ChartControl.Legend>
        </dxc:ChartControl>
    </Grid>
</UserControl>

后台代码：

using DevExpress.Xpf.Charts;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Markup;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Kingo.Land.JCJG.Controls
{
    /// <summary>
    /// UCChart.xaml 的交互逻辑
    /// </summary>
    public partial class UCChart : UserControl
    {
        public UCChart()
        {
            InitializeComponent();
        }
        /// <summary>
        /// 图表标题
        /// </summary>
        public string Title
        {
            get; set;
        }

        /// <summary>
        /// 图表统计单位
        /// </summary>
        public string Unit
        {
            get; set;
        }

        /// <summary>
        /// 图标信息
        /// </summary>
        public List<ChartData> listChartData
        {
            get; set;
        }

        /// <summary>
        /// 绑定图表
        /// </summary>
        public void InitData()
        {
            lblTitle.Content = Title;
            //lblUnit.Content = "    " + Unit;
            dragram.Series.Clear();

          

            foreach (ChartData item in listChartData)
            {
                
                BarSideBySideSeries2D entity = new BarSideBySideSeries2D();

                entity.ActualLabel.Visible = false;
                entity.DisplayName = item.DisplayName;
                entity.Brush = item.Brush;
                entity.Model = new BorderlessSimpleBar2DModel();
                //entity.Label = new SeriesLabel();
                //图表增长型的样式
                entity.PointAnimation = new Bar2DGrowUpAnimation();
                foreach (KeyValuePair<string, double> dic in item.dicPoints)
                {
                    entity.Points.Add(new SeriesPoint { Argument = dic.Key, Value = dic.Value  });
                }


                dragram.AxisX = new AxisX2D();
                dragram.DefaultPane.AxisXScrollBarOptions = new ScrollBarOptions() { Visible =false };
                   //dragram.AxisX.Label = new AxisLabel();
                   //dragram.AxisX.Label.Staggered = true;
                   DataTemplate myTemplate = (DataTemplate)Resources["AxisXLabelTemplate"];
                dragram.AxisX.Label = new DevExpress.Xpf.Charts.AxisLabel() { ElementTemplate = myTemplate, FontSize=24, Foreground=new SolidColorBrush(Colors.White) };
                dragram.Series.Add(entity);
            }
           
        }
        /// <summary>
        /// 绑定图表
        /// </summary>
        public void InitData1()
        {
            lblTitle.Content = Title;
            //lblUnit.Content = "    " + Unit;
            dragram.Series.Clear();
            foreach (ChartData item in listChartData)
            {
                BarSideBySideStackedSeries2D entity = new BarSideBySideStackedSeries2D();
                entity.DisplayName = item.DisplayName;
                entity.Brush = item.Brush;
                entity.ActualLabel.Visible = false;
                //entity.Label = new SeriesLabel();
                //entity.Label.
                //图表增长型的样式
                entity.PointAnimation = new Bar2DGrowUpAnimation();
                foreach (KeyValuePair<string, double> dic in item.dicPoints)
                {
                    SeriesPoint sPoint = new SeriesPoint { Argument = dic.Key, Value = dic.Value, Tag = item.DisplayCode };
                    entity.Points.Add(sPoint);
                }

                dragram.AxisX = new AxisX2D();
                DataTemplate myTemplate = (DataTemplate)Resources["AxisXLabelTemplate"];
                dragram.AxisX.Label = new DevExpress.Xpf.Charts.AxisLabel() { ElementTemplate = myTemplate };
                dragram.AxisX.Interlaced = true;
                dragram.AxisX.Alignment = AxisAlignment.Near;
                //dragram.AxisX.ActualLabel.Staggered = true;
                dragram.Series.Add(entity);
            }
        }

        /// <summary>
        /// 图表信息
        /// </summary>
        public class ChartData
        {
            /// <summary>
            /// 统计的内容
            /// </summary>
            public string DisplayName { get; set; }

            public string DisplayCode { get; set; }

            /// <summary>
            /// 内容对应的颜色
            /// </summary>
            public SolidColorBrush Brush { get; set; }

            /// <summary>
            /// 所有相关内容的地市（地市名称，对应数值）
            /// </summary>
            public Dictionary<string, double> dicPoints { get; set; }
        }

        private void dragram_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
           
        }

        public Action<string> ShowDetails;

        private void chart_MouseDoubleClick(object sender, MouseButtonEventArgs e)
        {
            Point position = e.GetPosition(chart);
            ChartHitInfo hitInfo = chart.CalcHitInfo(position);
            if (hitInfo != null && hitInfo.SeriesPoint != null)
            {
                if (ShowDetails != null)
                    ShowDetails(hitInfo.SeriesPoint.Argument.ToString());
            }
        }
    }

    public class WidthToOffsetConverter : MarkupExtension, IValueConverter
    {
        public WidthToOffsetConverter()
        {

        }
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            double width = (double)value;
            return -(width * 0.35);
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }

        public override object ProvideValue(IServiceProvider serviceProvider)
        {
            return this;
        }
    }
}

使用方法：

using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Kingo.Land.JCJG.Controls
{
    /// <summary>
    /// UCJZJDControl.xaml 的交互逻辑
    /// </summary>
    public partial class UCJZJDControl : UserControl
    {
        public UCJZJDControl()
        {
            InitializeComponent();
            this.Loaded += UCJZJDControl_Loaded;
            this.btnShow.Click += BtnShow_Click;
        }

        private void BtnShow_Click(object sender, RoutedEventArgs e)
        {
            this.Visibility = Visibility.Collapsed;
        }

        private void UCJZJDControl_Loaded(object sender, RoutedEventArgs e)
        {
            InitData();
        }

        private void InitData()
        {try
            {
                #region 
                dbHelper = Kingo.Common.DBOperator.RDBFactory.CreateDbHelper(System.Configuration.ConfigurationManager.AppSettings["OracleConn"], Kingo.Common.DBOperator.DatabaseType.Oracle);
                string sql = @"select * from Table";
                System.Data.DataTable dtSource = dbHelper.ExecuteDatatable("tb", sql, true);
                if (dtSource == null || dtSource.Rows.Count <= 0) return;
                chart.listChartData = new List<UCChartControl.ChartData>();
                UCChartControl.ChartData data = new UCChartControl.ChartData();
                data.DisplayName = "未举证";
                data.Brush = new SolidColorBrush((Color)ColorConverter.ConvertFromString("#FF384C56"));
                data.dicPoints = new Dictionary<string, double>();

                UCChartControl.ChartData data1 = new UCChartControl.ChartData();
                data1.DisplayName = "已举证";
                data1.Brush = new SolidColorBrush((Color)ColorConverter.ConvertFromString("#FF627373"));
                data1.dicPoints = new Dictionary<string, double>();

                foreach (DataRow dr in dtSource.Rows)
                {
                    data.dicPoints.Add(dr["MC"].ToString(), Convert.ToDouble(dr["WJZ"].ToString()));
                    data1.dicPoints.Add(dr["MC"].ToString(), Convert.ToDouble(dr["JZ"].ToString()));
                }
                chart.listChartData.Add(data);
                chart.listChartData.Add(data1);
                chart.InitData();
                #endregion
            }
            catch (Exception)
            {
                throw;
            }
            finally
            {
                if (dbHelper != null)
                    dbHelper.DisConnect();
            }
        }
    }
}