DevExpress ChartControl 样式设置
第三方控件，设置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 样式设置的更多相关文章
- DevExpress导出Excel样式设置
/// <summary> /// 导出到Excel /// </summary> /// <param name="gridControl"> ...
- DevExpress TreeList GridView 样式设置
1.GridView 样式设置 this.gridViewUser.PaintStyleName = "Flat"; 2.TreeList 样式设置 this.treeListDe ...
- WPF DevExpress ChartControl用法
WPF常用的第三方控件集,DevExpress中ChartControl的使用 下面介绍如何生成Chart界面: <dxc:ChartControl AnimationMode="On ...
- DevExpress皮肤样式
[时间] 2016-02-15 11:41:11 天气晴 没有雾霾难得的好天气!!! [工具] (1)Visual Studio 2015 (2)DevExpress15.2.3 [感言] 一直以来都 ...
- js学习进阶-元素获取及样式设置
var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, <arti ...
- placeholder的样式设置
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder ...
- Asp.Net中应用Aspose.Cells输出报表到Excel 及样式设置
解决思路: 1.找个可用的Aspose.Cells(有钱还是买个正版吧,谁开发个东西也不容易): 2.在.Net方案中引用此Cells: 3.写个函数ToExcel(传递一个DataTable),可以 ...
- DevExpress ChartControl大数据加载时有哪些性能优化方法
DevExpress ChartControl加载大数据量数据时的性能优化方法有哪些? 关于图表优化,可从以下几个方面解决: 1.关闭不需要的可视化的元素(如LineMarkers, Labels等) ...
- 导出Excel之Epplus使用教程2（样式设置）
导出Excel之Epplus使用教程1(基本介绍) 导出Excel之Epplus使用教程2(样式设置) 导出Excel之Epplus使用教程3(图表设置) 导出Excel之Epplus使用教程4(其他 ...
随机推荐
- WCF学习之旅—WCF寄宿前的准备（八）
一.WCF服务应用程序与WCF服务库 我们在平时开发的过程中常用的项目类型有“WCF 服务应用程序”和“WCF服务库”. WCF服务应用程序,是一个可以执行的程序,它有独立的进程,WCF服务类协定的定 ...
- JavaScript权威设计--JavaScript变量，作用域，声明提前(简要学习笔记四)
1.宿主对象与宿主环境 宿主对象:由ECMAScript实现的宿主环境提供的对象,可以理解为:浏览器提供的对象.所有的BOM和DOM都是宿主对象. 宿主环境:一般宿主环境由外壳程序创建与维护,只要 ...
- ashx中Response.ContentType的常用类型
ashx中Response.ContentType的常用类型: text/plaintext/htmltext/xmlapplication/jsonimage/GIFapplication/x-cd ...
- 用枚举enum替代int常量
枚举的好处: 1. 类型安全性 2.使用方便性 public class EnumDemo { enum Color{ RED(3),BLUE(5),BLACK(8),YELLOW(13),GREEN ...
- 巡检脚本OS+Oracle
巡检脚本 主机巡检脚本:OSWatcher.sh Oracle巡检脚本:ORAWatcher.sh 脚本使用方法 1.建立脚本放置目录 # mkdir /var/collect 2.把脚本ORAWat ...
- [入门级] 基于 visual studio 2010 mvc4 的图书管理系统开发初步 （二）
[入门级] 基于 visual studio 2010 mvc4 的图书管理系统开发初步 (二) Date 周六 10 一月 2015 By 钟谢伟 Category website develop ...
- Unity iOS混合开发界面切换思路
Unity iOS混合开发界面切换思路 最近有很多博友QQ 私信 或则 留言联系我,请教iOS和Unity界面之前相互切换的问题,源代码就不私下发你们了,界面跳转功能的代码我直接贴到下面好了,顺带说i ...
- mybatis笔记1 基本的配置和操作
mybatis比较轻量,适合开发比较小型的或者业务比较复杂的系统: 相对于hibernate来说可以灵活的写sql,更灵活的处理遇到的业务逻辑: 可以说hibernate是pojo实体对db的orm映 ...
- MySQL: Table 'mysql.plugin' doesn't exist的解决
安装解压版MySQL以后,不能启动,日志里面出现了这个错误: MySQL: Table 'mysql.plugin' doesn't exist 这是因为mysql服务启动时候找不到内置数据库&quo ...
- [示例] Firemonkey TGridLayout & TGridPanelLayout 布局
说明:使用 TGridLayout & TGridPanelLayout 来布局 源码下载:[示例]TestGridPanelLayout_布局_20161223.zip 展示: