第三方控件，设置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. Atitit各种SDM 软件开发过程SDP sdm的ddd tdd bdd设计

    Atitit各种SDM 软件开发过程SDP sdm的ddd tdd bdd设计 1.1. software development methodology (also known as SDM 1 1 ...

  2. 【Win 10应用开发】提供建议列表的输入控件（AutoSuggestBox）

    AutoSuggestBox控件与TextBox控件相似,但,AutoSuggestBox控件可以提供一个下拉列表,用户可以从弹出的下拉列表中选择一个项,并把被选项的内容显示在输入框上.就类似于搜索引 ...

  3. ORA 各种oraclesql错误

    ORA-00001: 违反唯一约束条件 (.) ORA-00017: 请求会话以设置跟踪事件 ORA-00018: 超出最大会话数 ORA-00019: 超出最大会话许可数 ORA-00020: 超出 ...

  4. 使用java代码关闭指定端口的程序-windows

    转载请请在页首注明作者与出处 一:问题由史 今天遇到一个问题,就是在实现自动化灾备的时候,发现原有死掉的程序没有完全关闭,当然这都不是本文的重点,重点是这个时候,我得把它完全关闭,所以才有了这篇文章. ...

  5. WebSocket异常 通常每个套接字地址(协议/网络地址/端口)只允许使用一次

    websocket的实例:http://blog.csdn.net/for_cxc/article/details/51500185 问题: 新建一个连接通信没有问题,但是如果关闭再建立就会报错:通常 ...

  6. 02 button的练习

    private void button1_Click(object sender, EventArgs e) { MessageBox.Show("我也喜欢你!"); //if ( ...

  7. c++ vector 使用

    1. 包含一个头文件: 1 #include <vector> 2. 申明及初始化: std::vector<int> first; // empty vector of in ...

  8. 20个非常有用的Java程序片段

    下面是20个非常有用的Java程序片段,希望能对你有用. 1. 字符串有整型的相互转换 String a = String.valueOf(2); //integer to numeric strin ...

  9. JDK动态代理实现原理

    之前虽然会用JDK的动态代理,但是有些问题却一直没有搞明白.比如说:InvocationHandler的invoke方法是由谁来调用的,代理对象是怎么生成的.直到看了他的文章才彻底明白,附网址:htt ...

  10. C/C++ Memory Layout

    参考 http://www.cnblogs.com/skynet/archive/2011/03/07/1975479.html