第三方控件，设置ChartControl的样式，仅供参考

Demo：

<Grid>
        <Grid.Resources>
            <SolidColorBrush x:Key="GridLineBursh" Color="CornflowerBlue"></SolidColorBrush>
        </Grid.Resources>
        <dxc:ChartControl Background="Transparent" CrosshairEnabled="False">
            <dxc:ChartControl.Palette>
                <dxc:ChameleonPalette/>
            </dxc:ChartControl.Palette>
            <dxc:ChartControl.Legend>
                <dxc:Legend Orientation="Horizontal" HorizontalPosition="Center" Background="Transparent" VerticalPosition="BottomOutside" IndentFromDiagram="0,16,16,16" Visible="True"/>
            </dxc:ChartControl.Legend>
            <dxc:XYDiagram2D EqualBarWidth="True" Padding="5">
                <dxc:XYDiagram2D.DefaultPane>
                    <dxc:Pane DomainBrush="Transparent"/>
                </dxc:XYDiagram2D.DefaultPane>
                <dxc:XYDiagram2D.AxisY>
                    <dxc:AxisY2D x:Name="YLeft" TickmarksVisible="True" TickmarksMinorVisible="False" Interlaced="False" Thickness="2"
                                TickmarksThickness="2" TickmarksLength="5" Brush="White" GridLinesBrush="{StaticResource GridLineBursh}"
                                 Alignment="Near" GridLinesMinorVisible="False">
                        <dxc:AxisY2D.CustomLabels>
                            <dxc:CustomAxisLabel Content="0" Value="0"/>
                            <dxc:CustomAxisLabel Content="100" Value="100"/>
                            <dxc:CustomAxisLabel Content="200" Value="200"/>
                            <dxc:CustomAxisLabel Content="300" Value="300"/>
                            <dxc:CustomAxisLabel Content="350" Value="350"/>
                        </dxc:AxisY2D.CustomLabels>
                        <dxc:AxisY2D.WholeRange>
                            <dxc:Range MaxValue="350" AutoSideMargins="False" SideMarginsValue="0"></dxc:Range>
                        </dxc:AxisY2D.WholeRange>
                        <dxc:AxisY2D.Label>
                            <dxc:AxisLabel Foreground="White"/>
                        </dxc:AxisY2D.Label>
                    </dxc:AxisY2D>
                </dxc:XYDiagram2D.AxisY>
                <dxc:XYDiagram2D.SecondaryAxesY>
                    <dxc:SecondaryAxisY2D x:Name="YRight" TickmarksVisible="True" TickmarksMinorVisible="False" Interlaced="False" GridLinesMinorVisible="False" Thickness="2"
                                          TickmarksThickness="2" TickmarksLength="5" Brush="White">
                        <dxc:SecondaryAxisY2D.CustomLabels>
                            <dxc:CustomAxisLabel Content="0" Value="0"/>
                            <dxc:CustomAxisLabel Content="100" Value="100"/>
                            <dxc:CustomAxisLabel Content="200" Value="200"/>
                            <dxc:CustomAxisLabel Content="300" Value="300"/>
                            <dxc:CustomAxisLabel Content="600" Value="600"/>
                            <dxc:CustomAxisLabel Content="1200" Value="1200"/>
                        </dxc:SecondaryAxisY2D.CustomLabels>
                        <dxc:SecondaryAxisY2D.WholeRange>
                            <dxc:Range MinValue="0" MaxValue="1200" AutoSideMargins="False" SideMarginsValue="0"></dxc:Range>
                        </dxc:SecondaryAxisY2D.WholeRange>
                        <dxc:SecondaryAxisY2D.Label>
                            <dxc:AxisLabel Foreground="White"/>
                        </dxc:SecondaryAxisY2D.Label>
                    </dxc:SecondaryAxisY2D>
                </dxc:XYDiagram2D.SecondaryAxesY>
                <dxc:XYDiagram2D.AxisX>
                    <dxc:AxisX2D x:Name="XBottom" Visible="True" TickmarksVisible="False" TickmarksMinorVisible="False" Interlaced="False" Thickness="1"
                                TickmarksThickness="1" TickmarksLength="10" TickmarksCrossAxis="False" GridLinesVisible="False"
                                Brush="{StaticResource GridLineBursh}">
                        <dxc:AxisX2D.NumericScaleOptions>
                            <dxc:ManualNumericScaleOptions/>
                        </dxc:AxisX2D.NumericScaleOptions>
                        <dxc:AxisX2D.Label>
                            <dxc:AxisLabel Foreground="White" FontSize="14"/>
                        </dxc:AxisX2D.Label>
                    </dxc:AxisX2D>
                </dxc:XYDiagram2D.AxisX>
                <dxc:XYDiagram2D.SecondaryAxesX>
                    <dxc:SecondaryAxisX2D TickmarksVisible="False" TickmarksMinorVisible="False" Visible="True" Interlaced="False" Thickness="1"
                            TickmarksThickness="1" TickmarksLength="10" TickmarksCrossAxis="False" GridLinesVisible="False"
                            Brush="{StaticResource GridLineBursh}">
                        <dxc:SecondaryAxisX2D.Label>
                            <dxc:AxisLabel Foreground="Transparent" FontSize="1"/>
                        </dxc:SecondaryAxisX2D.Label>
                    </dxc:SecondaryAxisX2D>
                </dxc:XYDiagram2D.SecondaryAxesX>
                <dxc:XYDiagram2D.Series>
                    <dxc:AreaStackedSeries2D DisplayName="Series Area1" Brush="#FF1A9AF0" Opacity="0.5">
                        <dxc:SeriesPoint Argument="2015" Value="200"/>
                        <dxc:SeriesPoint Argument="2016" Value="250"/>
                        <dxc:SeriesPoint Argument="2017" Value="210"/>
                        <dxc:SeriesPoint Argument="2018" Value="135"/>
                        <dxc:SeriesPoint Argument="2019" Value="134"/>
                        <dxc:SeriesPoint Argument="2020" Value="117"/>
                        <dxc:SeriesPoint Argument="2021" Value="93"/>
                        <dxc:SeriesPoint Argument="2022" Value="42"/>
                        <dxc:SeriesPoint Argument="2023" Value="13"/>
                        <dxc:SeriesPoint Argument="2024" Value="3"/>
                    </dxc:AreaStackedSeries2D>
                    <dxc:AreaStackedSeries2D DisplayName="Series Area2" Brush="#FF49D5EB" Opacity="0.5">
                        <dxc:SeriesPoint Argument="2015" Value="40"/>
                        <dxc:SeriesPoint Argument="2016" Value="60"/>
                        <dxc:SeriesPoint Argument="2017" Value="80"/>
                        <dxc:SeriesPoint Argument="2018" Value="65"/>
                        <dxc:SeriesPoint Argument="2019" Value="44"/>
                        <dxc:SeriesPoint Argument="2020" Value="27"/>
                        <dxc:SeriesPoint Argument="2021" Value="13"/>
                        <dxc:SeriesPoint Argument="2022" Value="22"/>
                        <dxc:SeriesPoint Argument="2023" Value="5"/>
                        <dxc:SeriesPoint Argument="2024" Value="4"/>
                    </dxc:AreaStackedSeries2D>
                    <dxc:BarStackedSeries2D DisplayName="Series Bar1" Brush="#FF44A7F9" BarWidth="0.2">
                        <dxc:BarStackedSeries2D.Model>
                            <dxc:BorderlessSimpleBar2DModel ></dxc:BorderlessSimpleBar2DModel>
                        </dxc:BarStackedSeries2D.Model>
                        <dxc:SeriesPoint Argument="2015" Value="0"/>
                        <dxc:SeriesPoint Argument="2016" Value="0"/>
                        <dxc:SeriesPoint Argument="2017" Value="12"/>
                        <dxc:SeriesPoint Argument="2018" Value="315"/>
                        <dxc:SeriesPoint Argument="2019" Value="314"/>
                        <dxc:SeriesPoint Argument="2020" Value="297"/>
                        <dxc:SeriesPoint Argument="2021" Value="0"/>
                        <dxc:SeriesPoint Argument="2022" Value="2"/>
                        <dxc:SeriesPoint Argument="2023" Value="5"/>
                        <dxc:SeriesPoint Argument="2024" Value="4"/>
                    </dxc:BarStackedSeries2D>
                    <dxc:BarStackedSeries2D DisplayName="Series Bar2" BarWidth="0.2" Brush="#FFFA1111">
                        <dxc:BarStackedSeries2D.Model>
                            <dxc:BorderlessSimpleBar2DModel></dxc:BorderlessSimpleBar2DModel>
                        </dxc:BarStackedSeries2D.Model>
                        <dxc:SeriesPoint Argument="2015" Value="0"/>
                        <dxc:SeriesPoint Argument="2016" Value="0"/>
                        <dxc:SeriesPoint Argument="2017" Value="0"/>
                        <dxc:SeriesPoint Argument="2018" Value="0"/>
                        <dxc:SeriesPoint Argument="2019" Value="4"/>
                        <dxc:SeriesPoint Argument="2020" Value="17"/>
                        <dxc:SeriesPoint Argument="2021" Value="23"/>
                        <dxc:SeriesPoint Argument="2022" Value="0"/>
                        <dxc:SeriesPoint Argument="2023" Value="0"/>
                        <dxc:SeriesPoint Argument="2024" Value="0"/>
                    </dxc:BarStackedSeries2D>
                    <dxc:LineSeries2D x:Name="Line" DisplayName="Europe" MarkerVisible="False" AnimationAutoStartMode="SetStartState">
                        <dxc:LineSeries2D.Points>
                            <dxc:SeriesPoint Argument="2015" Value="300"/>
                            <dxc:SeriesPoint Argument="2016" Value="310"/>
                            <dxc:SeriesPoint Argument="2017" Value="315"/>
                            <dxc:SeriesPoint Argument="2018" Value="290"/>
                            <dxc:SeriesPoint Argument="2019" Value="200"/>
                            <dxc:SeriesPoint Argument="2020" Value="180"/>
                            <dxc:SeriesPoint Argument="2021" Value="155"/>
                            <dxc:SeriesPoint Argument="2022" Value="150"/>
                            <dxc:SeriesPoint Argument="2023" Value="150"/>
                            <dxc:SeriesPoint Argument="2024" Value="150"/>
                        </dxc:LineSeries2D.Points>
                    </dxc:LineSeries2D>
                    <dxc:LineSeries2D DisplayName="Line Point" MarkerSize="10" MarkerVisible="True" dxc:XYDiagram2D.SeriesAxisY="{Binding ElementName=YRight}">
                        <dxc:LineSeries2D.Points>
                            <dxc:SeriesPoint Argument="2015" Value="0"/>
                            <dxc:SeriesPoint Argument="2016" Value="0"/>
                            <dxc:SeriesPoint Argument="2017" Value="5"/>
                            <dxc:SeriesPoint Argument="2018" Value="25"/>
                            <dxc:SeriesPoint Argument="2019" Value="200"/>
                            <dxc:SeriesPoint Argument="2020" Value="500"/>
                            <dxc:SeriesPoint Argument="2021" Value="600"/>
                            <dxc:SeriesPoint Argument="2022" Value="700"/>
                            <dxc:SeriesPoint Argument="2023" Value="800"/>
                            <dxc:SeriesPoint Argument="2024" Value="800"/>
                        </dxc:LineSeries2D.Points>
                    </dxc:LineSeries2D>
                    <dxc:LineSeries2D DisplayName="Point Eclipse" MarkerVisible="False" AnimationAutoStartMode="SetStartState" dxc:XYDiagram2D.SeriesAxisY="{Binding ElementName=YRight}">
                        <dxc:LineSeries2D.LineStyle>
                            <dxc:LineStyle Thickness="5">
                                <dxc:LineStyle.DashStyle>
                                    <DashStyle Dashes="3" Offset="0">
                                    </DashStyle>
                                </dxc:LineStyle.DashStyle>
                            </dxc:LineStyle>
                        </dxc:LineSeries2D.LineStyle>
                        <dxc:LineSeries2D.Points>
                            <dxc:SeriesPoint Argument="2015" Value="150"/>
                            <dxc:SeriesPoint Argument="2016" Value="150"/>
                            <dxc:SeriesPoint Argument="2017" Value="150"/>
                            <dxc:SeriesPoint Argument="2018" Value="150"/>
                            <dxc:SeriesPoint Argument="2019" Value="150"/>
                            <dxc:SeriesPoint Argument="2020" Value="150"/>
                            <dxc:SeriesPoint Argument="2021" Value="150"/>
                            <dxc:SeriesPoint Argument="2022" Value="150"/>
                            <dxc:SeriesPoint Argument="2023" Value="150"/>
                            <dxc:SeriesPoint Argument="2024" Value="150"/>
                        </dxc:LineSeries2D.Points>
                    </dxc:LineSeries2D>
                    <dxc:SplineSeries2D DisplayName="Line Round" dxc:XYDiagram2D.SeriesAxisY="{Binding ElementName=YRight}">
                        <dxc:SplineSeries2D.LineStyle>
                            <dxc:LineStyle Thickness="6" DashCap="Round">
                                <dxc:LineStyle.DashStyle>
                                    <DashStyle Dashes="0,2" Offset="0">
                                    </DashStyle>
                                </dxc:LineStyle.DashStyle>
                            </dxc:LineStyle>
                        </dxc:SplineSeries2D.LineStyle>
                        <dxc:SeriesPoint Argument="2015" Value="1000"/>
                        <dxc:SeriesPoint Argument="2016" Value="900"/>
                        <dxc:SeriesPoint Argument="2017" Value="880"/>
                        <dxc:SeriesPoint Argument="2018" Value="260"/>
                        <dxc:SeriesPoint Argument="2019" Value="240"/>
                        <dxc:SeriesPoint Argument="2020" Value="220"/>
                        <dxc:SeriesPoint Argument="2021" Value="80"/>
                        <dxc:SeriesPoint Argument="2022" Value="80"/>
                        <dxc:SeriesPoint Argument="2023" Value="80"/>
                        <dxc:SeriesPoint Argument="2024" Value="80"/>
                    </dxc:SplineSeries2D>
                </dxc:XYDiagram2D.Series>
            </dxc:XYDiagram2D>
        </dxc:ChartControl>

    </Grid>

Demo中包括：

1、设置X/Y轴-包括颜色、刻度、范围

2、行线颜色、顶上和底部行线取巧的设置

3、注状图、波浪图、线、圆点虚线、普通虚线。

4、背景、Legend设置等等

DevExpress ChartControl 样式设置的更多相关文章

  1. DevExpress导出Excel样式设置

    /// <summary> /// 导出到Excel /// </summary> /// <param name="gridControl"> ...

  2. DevExpress TreeList GridView 样式设置

    1.GridView 样式设置 this.gridViewUser.PaintStyleName = "Flat"; 2.TreeList 样式设置 this.treeListDe ...

  3. WPF DevExpress ChartControl用法

    WPF常用的第三方控件集,DevExpress中ChartControl的使用 下面介绍如何生成Chart界面: <dxc:ChartControl AnimationMode="On ...

  4. DevExpress皮肤样式

    [时间] 2016-02-15 11:41:11 天气晴 没有雾霾难得的好天气!!! [工具] (1)Visual Studio 2015 (2)DevExpress15.2.3 [感言] 一直以来都 ...

  5. js学习进阶-元素获取及样式设置

    var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, <arti ...

  6. placeholder的样式设置

    在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder ...

  7. Asp.Net中应用Aspose.Cells输出报表到Excel 及样式设置

    解决思路: 1.找个可用的Aspose.Cells(有钱还是买个正版吧,谁开发个东西也不容易): 2.在.Net方案中引用此Cells: 3.写个函数ToExcel(传递一个DataTable),可以 ...

  8. DevExpress ChartControl大数据加载时有哪些性能优化方法

    DevExpress ChartControl加载大数据量数据时的性能优化方法有哪些? 关于图表优化,可从以下几个方面解决: 1.关闭不需要的可视化的元素(如LineMarkers, Labels等) ...

  9. 导出Excel之Epplus使用教程2（样式设置）

    导出Excel之Epplus使用教程1(基本介绍) 导出Excel之Epplus使用教程2(样式设置) 导出Excel之Epplus使用教程3(图表设置) 导出Excel之Epplus使用教程4(其他 ...

随机推荐

  1. python多行字符串

    Python中如何处理长代码格式化问题,如何提高格式化输出的长字符串的可读性? 当我们需要格式化输出一个很长的字符串的时候,都写在一行显得很难看,而且可读性也很差:当我们使用链式的语法写代码的时候常常 ...

  2. 在Windows上安装Elasticsearch 5.0

    在windows上安装Elasticsearch Elasticsearch可以使用.zip软件包安装在Windows上. elasticsearch-service.bat命令,它将设置Elasti ...

  3. 推荐几款jquery图片切换插件

    一.前言 毕业季到了,大家都在匆匆忙忙的记录大学里最美好的时光,照片中各种花式.各种姿势都涌现出来了.这么多的照片怎么展示出来给自己的好友看呢?有人选择做成视频,有人选择ps之后做成图片集,而我选择利 ...

  4. javascript中的函数式声明与变量式声明

    观察下面两段代码,试写出hello('word');的运行结果: // 变量式声明 function hello(msg){ alert(msg); var msg = function(){}; a ...

  5. React.render和reactDom.render的区别

    刚开始学习react.js.发现网上的资料,有些是写着react.render,有些写着reactDom.render.觉得很奇怪就查阅了一下资料.解释如下: 这个是react最新版api,也就是0. ...

  6. Oracle AWR报告提取方法

    本文旨在用来指导项目人员自行提取Oracle数据库的AWR报告. 1.当前连接实例的AWR报告提取:@?/rdbms/admin/awrrpt 2.RAC的其他实例AWR报告提取:@?/rdbms/a ...

  7. SparkStreaming实现Exactly-Once语义

    作者:Syn良子 出处:http://www.cnblogs.com/cssdongl 转载请注明出处 译自:http://blog.cloudera.com/blog/2015/03/exactly ...

  8. TypeScript 强类型 JavaScript – Rafy Web 框架选型

    今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建 的消息.与同事们对 TypeScript 展开了讨论.本文记录一些个人的想法. 理想的 JavaScript 开发模式 ...

  9. JDBC_part2_DML以及预编译_编写DBUtil工具类

    本文为博主辛苦总结,希望自己以后返回来看的时候理解更深刻,也希望可以起到帮助初学者的作用. 转载请注明 出自 : luogg的博客园 谢谢配合! jdbc day02 DML语法 比起插叙语句,没有R ...

  10. jqGrid合并表头

    jqGrid是一款常用的制表软件,最近开发刚好用到.记录一下常用功能留着以后查找顺便发扬一下开源精神. 二级表头是一种经常会碰到的需求,很多时候为了方便查找需要在原有的表头上再加一层,区分表格不同列的 ...