共计 3347 个字符,预计需要花费 9 分钟才能阅读完成。
点击获取工具 >>
在本教程中,您将学习如何设计一个简略的 3D 图表,如何用数据填充它,以及配置常见的图表设置。
执行以下步骤来创立带有 3D 图表的应用程序,本文咱们将为大家介绍 Step 3 及后果,更多残缺内容欢送继续关注!
- Step 1. 创立一个新我的项目并增加图表
- Step 2. 用数据填充图表
- Step 3. 自定义图表
- 后果
Step 3. 自定义图表
请依照本节中的阐明配置图表外观。
指定系列视图类型
系列的外观取决于其视图,要设置系列视图类型,请将 Bar3DSeriesView 对象调配给 Series3D 实例的 Series3DBase.View 属性。
设置图比例
要更改图表高度、宽度和深度之间的比例关系,请将 Chart3DControl.AspectRatio 属性定义为 5 5 3,为此,请应用上面的 XAML。
`<dxc:Chart3DControl AspectRatio=”5 5 3″>
<!– Other Chart3D settings –>
</dxc:Chart3DControl>`
要为图表中的所有条形图设置相等的大小,请将 Bar3DSeriesView.EqualBarSize 属性指定为 true。
色彩系列
依据其值为每个系列点提供特定的色彩。
- 为此,开展 Series3D 对象的 View 属性组,并将 RangeColorizer3D 实例调配给 Series3DViewBase.Colorizer 属性。
- 而后,设置将用于以各种色彩批示点的系列点值距离。为此,将 RangeColorizer3D.RangeStops 属性指定为 0 80 150 300 600。
- 将 PaletteColorizer3DBase.Palette 属性定义为 Office2013。
- 将 Colorizer3DBase.LegendTextPattern 属性指定为 {V1:F0} – {V2:F0} TWh/ a 来设置图例文本格式。
增加题目
- 在图表中增加题目,为此请单击 ChartControlBase.Titles 属性中的省略号按钮。
- 单击 Add 将新题目增加到 Titles 汇合。
- 将 TitleBase.Content 属性指定为 World Electricity Consumption。
- 而后,通过将 TitleBase.HorizontalAlignment 属性设置为 Center 来批改题目地位。
- 单击 OK 按钮执行更改并暗藏编辑器。
后果
最终的 XAML 如下所示。
`<Window
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”
xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″
xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″
xmlns:local=”clr-namespace:Chart3D_Lesson1″
xmlns:dxc=”http://schemas.devexpress.com/winfx/2008/xaml/charts”
x:Class=”Chart3D_Lesson1.MainWindow”
mc:Ignorable=”d”
Title=”MainWindow” Height=”350″ Width=”525″>
<Grid>
<dxc:Chart3DControl AspectRatio=”5 5 3″>
<dxc:Chart3DControl.Legends>
<dxc:Legend BorderBrush=”Transparent”
Background=”Transparent”/>
</dxc:Chart3DControl.Legends>
<dxc:Chart3DControl.Titles>
<dxc:Title Content=”World Electricity Consumption”
HorizontalAlignment=”Center”/>
</dxc:Chart3DControl.Titles>
<dxc:Series3DStorage>
<dxc:Series3D>
<dxc:Series3D.View>
<dxc:Bar3DSeriesView EqualBarSize=”True”>
<dxc:Bar3DSeriesView.Colorizer>
<dxc:RangeColorizer3D RangeStops=”0 80 150 300 600″
LegendTextPattern=”{}{V1:F0} – {V2:F0} TWh/a”>
<dxc:RangeColorizer3D.Palette>
<dxc:Office2013Palette/>
</dxc:RangeColorizer3D.Palette>
</dxc:RangeColorizer3D>
</dxc:Bar3DSeriesView.Colorizer>
</dxc:Bar3DSeriesView>
</dxc:Series3D.View>
<dxc:SeriesPoint3DStorage>
<dxc:SeriesPoint3D Value=”130.32″ XArgument=”Canada” YArgument=”Fossil”/>
<dxc:SeriesPoint3D Value=”597.24″ XArgument=”Russia” YArgument=”Fossil”/>
<dxc:SeriesPoint3D Value=”333.45″ XArgument=”Germany” YArgument=”Fossil”/>
<dxc:SeriesPoint3D Value=”232.49″ XArgument=”UK” YArgument=”Fossil”/>
<dxc:SeriesPoint3D Value=”125.28″ XArgument=”Spain” YArgument=”Fossil”/>
<dxc:SeriesPoint3D Value=”320.37″ XArgument=”Canada” YArgument=”Renewable”/>
<dxc:SeriesPoint3D Value=”199.08″ XArgument=”Russia” YArgument=”Renewable”/>
<dxc:SeriesPoint3D Value=”146.25″ XArgument=”Germany” YArgument=”Renewable”/>
<dxc:SeriesPoint3D Value=”41.64″ XArgument=”UK” YArgument=”Renewable”/>
<dxc:SeriesPoint3D Value=”80.91″ XArgument=”Spain” YArgument=”Renewable”/>
<dxc:SeriesPoint3D Value=”81.45″ XArgument=”Canada” YArgument=”Nuclear”/>
<dxc:SeriesPoint3D Value=”151.68″ XArgument=”Russia” YArgument=”Nuclear”/>
<dxc:SeriesPoint3D Value=”87.75″ XArgument=”Germany” YArgument=”Nuclear”/>
<dxc:SeriesPoint3D Value=”65.93″ XArgument=”UK” YArgument=”Nuclear”/>
<dxc:SeriesPoint3D Value=”54.81″ XArgument=”Spain” YArgument=”Nuclear”/>
</dxc:SeriesPoint3DStorage>
</dxc:Series3D>
</dxc:Series3DStorage>
</dxc:Chart3DControl>
</Grid>
</Window>`
当初该应用程序已准备就绪,运行我的项目以查看后果,下图演示了运行时的后果图表。