ComponentOne?

Tags: 圖表, 平面,

3D 一直是近幾年的熱門話題,我們接觸最多的可能是 3D 電影。從 2010 V3 版本起,ComponentOne 釋出了 3D 圖表 C1Chart3D-由X、Y、Z三個軸組成的圖表,是相對於只有長和寬的平面而言。

ComponentOne WPF&Silverlight Chart3D使用方法

工具/原料

ComponentOne

方法/步驟

在介紹 3D 圖表之前,我們需要了解如何組織 3D 圖表的資料。

資料組織方式

其實X、Y軸並非是真實的業務資料,它只是用來定位和描述 Z 軸值的標記。我們真正需要的是為 Z 軸獲取業務資料。

關係圖如下:

ComponentOne WPF&Silverlight Chart3D使用方法

加入真實資料後顯示如下:

ComponentOne WPF&Silverlight Chart3D使用方法

構造資料程式碼如下:

ComponentOne WPF&Silverlight Chart3D使用方法

新增到 Chart3D 中 :

ComponentOne WPF&Silverlight Chart3D使用方法

以上程式碼效果圖如下:

ComponentOne WPF&Silverlight Chart3D使用方法

更改3D圖表樣式

3D圖表內建了 6 中表面圖樣式,更改方式如下:

效果圖:

ComponentOne WPF&Silverlight Chart3D使用方法

預設情況下,3D 圖表使用兩種顏色及在其之間的 12 個漸進色來繪製圖表。當然我們可以自定義渲染顏色和漸進色層級數量。

效果圖:

ComponentOne WPF&Silverlight Chart3D使用方法

ComponentOne WPF&Silverlight Chart3D使用方法

ComponentOne WPF&Silverlight Chart3D使用方法

新增圖例

圖例可以用於輔助理解圖表資料,我們可以在設計時輕鬆新增圖例,XAML程式碼如下:

預設情況下,圖例顯示在圖表右側,我們可以使用 C1Chart3D1.Legend.Position 定製圖例位置,並且提供了顯示方向、格式化字串、定製標籤位置等功能。

ComponentOne WPF&Silverlight Chart3D使用方法

旋轉圖表

我們可以通過 Elevation 和 Azimuth 兩個屬性來設定圖表的旋轉角度。

ComponentOne WPF&Silverlight Chart3D使用方法

ComponentOne WPF&Silverlight Chart3D使用方法

定製座標軸

3D圖表可以定製標籤的顯示頻率、樣式及軸標題。

效果圖:

ComponentOne WPF&Silverlight Chart3D使用方法

ComponentOne WPF&Silverlight Chart3D使用方法

顯示底部和頂部效果

以下程式碼用於顯示頂部和底部的效果:

ComponentOne WPF&Silverlight Chart3D使用方法

ComponentOne WPF&Silverlight Chart3D使用方法

圖表, 平面,
相關問題答案