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(其他 ...
随机推荐
- zk 起别名时候碰到的问题
第一次搭建时候都是用的ip,没什么问题,看到别人都是用的别名,于是也想试试把ip改成别名.然而 其中碰到的问题 ,快一周了才解决,现在记录下: 1.改主机别名 一直以为 修改 /etc/hosts 里 ...
- 常用js功能函数集合
1.获取随机时间戳 function uniqueId(){ var a=Math.random,b=parseInt; return Number(new Date( ...
- JavaScript高级程序设计--表单脚本
1.提交表单 submit onsubmit 2.表单的change事件 input与textarea元素的change事件触发在,他们失去焦点且value值改变的时候 select的change ...
- 高性能JavaScript--加载和执行(简要学习笔记一)
1.多数浏览器使用单一进程来处理用户界面刷新和JavaScript脚本的执行.所以同一时刻只能做同一件事.JavaScript执行过程耗时越久,浏览器等待相应的时间就越长. 2.<scrip ...
- Android okHttp网络请求之Json解析
前言: 前面两篇文章介绍了基于okHttp的post.get请求,以及文件的上传下载,今天主要介绍一下如何和Json解析一起使用?如何才能提高开发效率? okHttp相关文章地址: Android o ...
- Chrome调试中的奇技淫巧
网上有关Chrome调试的文章一搜一大堆,本文主要记录一下自己平时经常用并且又比较冷门的一些技巧. 打开Chrome调试工具 1.打开控制台的情况下,长按页面的“刷新”按钮可以选择按何种方式刷新(有正 ...
- 来,一起让我们越来越懒,面向CSS、JS未来编程。(9.28已更新)
2016.10.29更新 本文存在大量的错误,仅供参考. 不知不觉在前端领域马上一个年头就要过去了,然而再看看自己的代码,果然够烂,那么为什么代码一直没有用面向对象的思维去写CSS呢?首先有两点:一点 ...
- https连接的前几毫秒发生了什么
在讨论这个话题之前,先提几个问题: 为什么说https是安全的,安全在哪里? https是使用了证书保证它的安全的么? 为什么证书需要购买? 我们先来看https要解决什么问题 (手机读者推荐移步ht ...
- Rafy 领域实体框架 - 公司内部培训视频
本月给公司内部一个项目做架构重构,其中使用到了 Rafy 框架.所以我培训了 Rafy 领域实体框架的使用方法,过程中录制了视频,方便其他同事查看.现在把视频放到园里来分享下,有兴趣的朋友可以看看,有 ...
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
本文翻译自:stackoverflow 有人在stackoverflow上问了一个问题: 1 如何在UITableViewCell中使用Autolayout来实现Cell的内容和子视图自动计算行高,并 ...