第三方控件，设置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. [Java面经] 关于面试的二三事.

    今天终于闲下来了, 那么也好总结下这几天面试的经历.四天的时间一共面了七家, 有一家是自己推迟了没有去.声明:如若转载请注明出处:http://www.cnblogs.com/wang-meng/p/ ...

  2. 前端学HTTP之网站架构演化

    前面的话 本文将详细介绍网站架构的演化过程 初始阶段 大型网站都是从小型网站发展而来,网站架构也是一样,是从小型网站架构逐步演化而来.小型网站最开始时没有太多人访问,只需要一台服务器就绰绰有余,这时的 ...

  3. Node.js：DNS模块的使用

    Nodejs的DNS模块包涵有关DNS查询和操作的方法,下面介绍该模块的基本用法以及实现一个DNS查询小工具. 1.获取DNS服务器地址 使用getServers方法,该方法返回一个IP地址组成的数组 ...

  4. springMVC+ajax 文件上传 带进度条

    前端代码: <form id= "uploadForm"> <p >指定文件名: <input type="text" name= ...

  5. OCP考点实战演练02-日常维护篇

    本系列宗旨:真正掌握OCP考试中所考察的技能,坚决不做Paper OCP! 实验环境:RHEL 6.4 + Oracle 11.2.0.4 OCP考点实战演练02-日常维护篇 1.数据库体系结构和AS ...

  6. AngularJs学习笔记（制作留言板）

    原文地址:http://www.jmingzi.cn/?post=13 初学Anjularjs两天了,一边学一边写的留言板,只有一级回复嵌套.演示地址 这里总结一下学习的过程和笔记.另外,看看这篇文章 ...

  7. 开源分布式数据库中间件MyCat源码分析系列

    MyCat是当下很火的开源分布式数据库中间件,特意花费了一些精力研究其实现方式与内部机制,在此针对某些较为重要的源码进行粗浅的分析,希望与感兴趣的朋友交流探讨. 本源码分析系列主要针对代码实现,配置. ...

  8. C#开发微信门户及应用(12)-使用语音处理

    我们知道,微信最开始就是做语音聊天而使得其更加流行的,因此语音的识别处理自然也就成为微信交流的一个重要途径,微信的开发接口,也提供了对语音的消息请求处理.本文主要介绍如何利用语音的识别,对C#开发的微 ...

  9. α-β剪枝算法的java语言实现（非常实用）

    利用α-β剪枝算法,对下图所示的博弈树进行搜索,搜索得到根节点选择的走步,以及没有必要进行评估的节点,并求出给出在何处发生了剪枝,以及剪枝的类型(属于α剪枝还是β剪枝). 注:□表示MIN节点:○表示 ...

  10. PHP中模拟JSONArray

    前面整理过一篇文章,描述php中的array与json的array和object的转换关系.http://www.cnblogs.com/x3d/p/php-json-array-object-typ ...