一、MSChart基本概況介紹

　　 在開發(fā)一些管理系統(tǒng)的時候總會碰到一些需求需要對報表進行圖形化的展示——圖表，在微軟的MSChart沒出來前，.NET的winforms下許多的圖表控件不是要收費就是可使用的圖表類型較少或者各種資料太少（也可能是我了解的太少），不過自從在VS2008上微軟推出了MSChart后，在winforms上進行圖表統(tǒng)計就方便了很多很多。

　　 MSChart分為2個部分，一個是winforms版本，另一個是webform版，并且都提供了相應(yīng)的示例程序（超過200個示例代碼，并包括C#版本和VB.NET版本，其中內(nèi)置了多種圖表類型，基本上涵蓋了各行各業(yè)的所需的圖表類型），使得開發(fā)者可以根據(jù)需求快速的找到自己所需的圖表類型，同時查看示例代碼可以馬上上手進行開發(fā)，如下圖：

　　當(dāng)然本文不是介紹MSChart的具體是如何使用的，上面僅僅是對MSChart進行各簡單性的介紹，本文主要介紹的內(nèi)容還是在我開發(fā)過程中碰到問題。

二、開發(fā)過程中碰到的問題及解決方法

　　 現(xiàn)在開始介紹下我所碰到的幾個問題：

　　1、如果在對于統(tǒng)計的類別數(shù)量不可數(shù)的情況下，如何解決生成的每個類別有不同的列？

　　在公司年初開發(fā)的一個winforms程序中需要對用戶自己定義的分類數(shù)據(jù)進行統(tǒng)計，而用戶所創(chuàng)建的分類數(shù)量又是不定的（但不能超過10個），這時就碰到個問題：就是MSChart圖表中的列如果想做的好看，吸引眼球需要進行大量的配置，比如：列的顏色、邊框?qū)挾取㈥幱暗鹊龋總€用戶建立的分類對應(yīng)著一個列，本來的設(shè)想是根據(jù)數(shù)量動態(tài)生成對應(yīng)的列，但是在實際的開發(fā)過程中，如果要保證每個列的樣式達到統(tǒng)一，且顏色等又要區(qū)分的話，使用代碼來動態(tài)生成太過于復(fù)雜。

　　我就想到了個不是辦法的辦法，就是由于用戶自定義的分類是不可能超過10個的，所以我就事先在圖標(biāo)中建立好了10個列，根據(jù)用戶建立的分類數(shù)量來對這些已經(jīng)建立好的列進行數(shù)據(jù)填充，而那些沒有填充數(shù)據(jù)的列就不會出現(xiàn)，這樣的解決辦法雖然比較的傻，但是實際的效果很不錯，畢竟動態(tài)創(chuàng)建的列要保證樣式統(tǒng)一需要花時間調(diào)試，而且不像直接通過配置創(chuàng)建出來的列那么直觀，見下圖：

　　2、實現(xiàn)類似于CNZZ流量統(tǒng)計形式的點選分類突出顯示

　　使用過CNZZ統(tǒng)計的朋友肯定知道，CNZZ對訪問者的來源統(tǒng)計展示形式是一個餅狀展示的，同時通過某塊區(qū)域時可以突出顯示這個區(qū)域，如下圖：

　　可以看到，我通過點擊【江蘇省】，將這塊區(qū)域突出顯示了，這個功能雖然不起眼，但是在實際公司的使用過程中，比如開會的時候有針對性的介紹某塊內(nèi)容的時候就會使用到，而如果在winforms下使用MSChart如何實現(xiàn)呢？

　　如果想通過MSChart實現(xiàn)這樣的效果就需要數(shù)據(jù)列中具體值（DataPoint）的CustomProperties來實現(xiàn)，代碼如下（VB.NET）：

　　01 private void chartPerformance_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e)

　　02 {

　　03 HitTestResult result = chartPerformance.HitTest(e.X, e.Y);

　　04

　　05 if (result.PointIndex == -1) {

　　06 return;

　　07 }

　　08

　　09 bool exploded = (chartPerformance.Series(0).Points(result.PointIndex).CustomProperties == "Exploded=true" ? true : false);

　　10

　　11 DataPoint point = default(DataPoint);

　　12 foreach ( point in chartPerformance.Series(0).Points) {

　　13 point.CustomProperties = "";

　　14 }

　　15

　　16 if (exploded) {

　　17 return;

　　18 }

　　19 //點擊具體列

　　20 if (result.ChartElementType == ChartElementType.DataPoint) {

　　21 DataPoint dPoint = chartPerformance.Series(0).Points(result.PointIndex);

　　22 dPoint.CustomProperties = "Exploded = true";

　　23 if (((List<ModelClass>)dPoint.Tag).Count == 0) {

　　24 return;

　　25 }

　　26 }

　　27 //點擊圖例

　　28 if (result.ChartElementType == ChartElementType.LegendItem) {

　　29 DataPoint dPoint = chartPerformance.Series(0).Points(result.PointIndex);

　　30 dPoint.CustomProperties = "Exploded = true";

　　31 if (((List<ModelClass>)dPoint.Tag).Count == 0) {

　　32 return;

　　33 }

　　34 }

　　35 }

　　這段代碼的主要步驟是：

　　1、為圖表控件增加一個MouseDown事件

　　2、獲取圖表控件當(dāng)前點擊的坐標(biāo)，并判斷是否存在

　　3、判斷點擊的對象是具體的列還是圖例，然后為點擊的圖例增加相應(yīng)的屬性：CustomProperties = "Exploded = true";

　　具體的效果如下：

　　可以看到圖表中，【優(yōu)】列已經(jīng)被分離突出顯示了。

　　此時我們還可以為這個表增加一些類似于網(wǎng)頁開發(fā)中的MouseOver、MouseLeave效果，以達到更好的用戶體驗，如下圖：

　　可以看到圖片上【中】列和圖例上的上面明顯有一層格子狀網(wǎng)線，這樣可以告訴使用者當(dāng)先所選的列，實現(xiàn)代碼如下：

　　01 private void chartPerformance_MouseMove(System.Object sender, System.Windows.Forms.MouseEventArgs e)

　　02 {

　　03 HitTestResult result = chartPerformance.HitTest(e.X, e.Y);

　　04

　　05 if (result == null) {

　　06 return;

　　07 }

　　08

　　09 DataPoint point = default(DataPoint);

　　10 foreach ( point in chartPerformance.Series(0).Points) {

　　11 point.BackSecondaryColor = Color.Black;

　　12 point.BackHatchStyle = ChartHatchStyle.None;

　　13 point.BorderWidth = 1;

　　14 }

　　15

　　16 if (result.ChartElementType == ChartElementType.DataPoint | result.ChartElementType == ChartElementType.LegendItem) {

　　17 this.Cursor = Cursors.Hand;

　　18

　　19 DataPoint dPoint = chartPerformance.Series(0).Points(result.PointIndex);

　　20

　　21 dPoint.BackSecondaryColor = Color.White;

　　22

　　23 dPoint.BackHatchStyle = ChartHatchStyle.Percent25;

　　24

　　25 dPoint.BorderWidth = 2;

　　26 }

　　27 else {

　　28 this.Cursor = Cursors.Default;

　　29 }

　　30 }

　　這段代碼的實現(xiàn)步驟是：

　　1、獲取當(dāng)前點擊的坐標(biāo)。

　　2、遍歷所有具體的點及圖例為其增加一個背景樣式，及鼠標(biāo)手勢。