如何建立一個簡單的未綁定3D圖表?這個工具也許能幫上忙!(Part 2)

點擊獲取工具>>
在本教程中,您將學習如何設計一個簡單的3D圖表,如何用數據填充它,以及配置常見的圖表設置。express

執行如下步驟來建立帶有3D圖表的應用程序,本文咱們將爲你們介紹Step 3及結果,更多完整內容歡迎持續關注!編輯器

  • Step 1. 建立一個新項目並添加圖表
  • Step 2. 用數據填充圖表
  • Step 3. 自定義圖表
  • 結果
Step 3. 自定義圖表

請按照本節中的說明配置圖表外觀。工具

指定系列視圖類型學習

系列的外觀取決於其視圖,要設置系列視圖類型,請將Bar3DSeriesView對象分配給Series3D實例的Series3DBase.View 屬性。開發工具

WPF界面開發工具DevExpress WPF使用教程

設置圖比例spa

要更改圖表高度、寬度和深度之間的比例關係,請將Chart3DControl.AspectRatio屬性定義爲5 5 3,爲此,請使用下面的XAML。
`<dxc:Chart3DControl AspectRatio="5 5 3">
<!-- Other Chart3D settings -->
</dxc:Chart3DControl>`
要爲圖表中的全部條形圖設置相等的大小,請將Bar3DSeriesView.EqualBarSize屬性指定爲true。設計

WPF界面開發工具DevExpress WPF使用教程

顏色系列orm

根據其值爲每一個系列點提供特定的顏色。xml

  1. 爲此,展開Series3D對象的View屬性組,並將RangeColorizer3D實例分配給Series3DViewBase.Colorizer屬性。

WPF界面開發工具DevExpress WPF使用教程

  1. 而後,設置將用於以各類顏色指示點的系列點值間隔。 爲此,將RangeColorizer3D.RangeStops屬性指定爲0 80 150 300 600。

WPF界面開發工具DevExpress WPF使用教程

  1. PaletteColorizer3DBase.Palette屬性定義爲Office2013。

WPF界面開發工具DevExpress WPF使用教程

  1. 將Colorizer3DBase.LegendTextPattern屬性指定爲{V1:F0} - {V2:F0} TWh/a來設置圖例文本格式。

WPF界面開發工具DevExpress WPF使用教程

添加標題對象

  1. 在圖表中添加標題,爲此請單擊ChartControlBase.Titles屬性中的省略號按鈕。

WPF界面開發工具DevExpress WPF使用教程

  1. 單擊Add將新標題添加到Titles集合。
  2. 將TitleBase.Content屬性指定爲World Electricity Consumption。

WPF界面開發工具DevExpress WPF使用教程

  1. 而後,經過將TitleBase.HorizontalAlignment屬性設置爲Center來修改標題位置。

WPF界面開發工具DevExpress WPF使用教程

  1. 單擊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>`
如今該應用程序已準備就緒,運行項目以查看結果,下圖演示了運行時的結果圖表。

WPF界面開發工具DevExpress WPF使用教程

相關文章
相關標籤/搜索