首先,先把焦點放到 Chart 屬性的 Appearance 分類
要修改Chart上的資料顯示顏色,可直接修改 Palette 屬性,下拉會有預設的多種樣式
若是想要自己設定顏色,就到 PaletteCustomColors 裡設定
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUP0TfqkxAzF9QZ7Aa3GPhyphenhyphensXWi0ECcAFVHDAEYSYQGW2TSwr2nhbVtgjVDbCvmYJxpuAfXBVFvfAdzxXDF1PQtFOO0kQQef5RBNPp6DOiyOMjIp2N1g1hzSZZk98bmQsJl9U8fe_2T0_/s400/c2_1.png)
不過坎尼這邊一直有個疑問,在 PaletteCustomColors 的說明裡
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtZmYyhgpyEdY0ztFKcsEafmsPigLBnFB89SL1cX46zp_GVhTcY8Ard_oi1q1s80NhoAHT-PHCbOTCqj0BuYm8sskkQPWyh-F1eFLA0uMtgLiD2aNXhV2llrOr5vKJ2w6tD79K9LCxG-HQ/s400/c2_2.png)
提到這個屬性比上面的 Palette 的屬性值還要優先
但為何兩個屬性同時設定時,出現的顏色卻是以 Palette 優先呢? (如下圖)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVp9X5VzJDGKJBfeVAMde1jSCiH0A9VYeM-f3cEopQHqS8xIvP9oRDZD4fO_528THML-vhjbzjwtconYArmtcAXPw9TFGdLbKyRQS9V6UK-Ce24YgjQCgwwBM903VyxRNSWLGogWpcN4QB/s400/c2_5.png)
坎尼開了 vs2010 的 Chart Control 出來看,也是一樣
所以說明是一回事,顯示出來又是另一回事....
Anyway,大家有空再自行測試看看 (說不定是坎尼搞錯了?)
另外還有一種方法可以改變資料顯示的顏色
就是直接到 Series 裡修改,且目前實驗發現,這邊修改的 Style 優先權最高
下面可以看到坎尼加了個 Series2,並將顏色改為漸層
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFemmT5AXmMrvoFDOvKu8IFvDeS3PKz2WxjiZXKb70P_pDT68nskKSG7uvEwluf5gGEsisWxfjN-hyRoAq3GdthIK8GAIRg3XrPCjek7ejWa1iOGdzpnWzREkxFauDlFAc2-QbyjzZn3uM/s400/c2_6.png)
顏色為自訂的漸層色
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqvNSS7RAzes0uJJCosBLTQHJwx3yT-dLTQv5Biu2WILPYH16Ji72-Unjiy6NyP-NbvAJJieAtMvrSJ1DcTuKKznDwX-Bce2luqTiNVpVrATKdHonbu42J_IpUt0LXxYAb0Oxde-ObGP9/s400/c2_7.png)
最後來補充一下,上面的圖都有出現的外框
先打開 Chart 屬性裡的 BorderSkin
首先要選定 SkinStyle,接著再調整要展示的樣式
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWJjtskfYm-o8yAnVldP3brNnVx6wKpgTe9OQRITf0HiOU4ECFCvuNQJ3tL2AOzoV2gMEtQeiZdAEcyZZxNpeEJnbvP3dQtd1-usK4zY7ChDO2OGF5LfW5ZZmjVnTcb8eyT1w2m9NyRivR/s400/c2_3.png)
前幾張實際畫面的 Border Style 如下
(這裡為了展示,所以幾乎所有樣式都選了)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXMXBYg0qPse_WaU78LWm07P5TAQ2tV3oSI3eKpg36ZYu_4TaeIE7y6nBGABis3ZdIB1ta2BKhDDjq_7roxrRYlnwAG0y0syzji4QsJpxVkowEtaNGbbhfMLtNk2hQ7iruxwK6alJTm06/s400/c2_4.png)
最後是 範例檔下載
範例展示畫面
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQehmUng1kGFKK4xDTS2r84Ebwxeayx75AjrpA-ABAZvsFGFTFvSBLwfS3E9M3CKnwK4Cj3V6mjnhyphenhyphen2OGovo2eOOjLGFt1Us4fgrOIPPrvvma68DVaMPUYPPkbDjwaPYiG01zNkO8e5hGh/s400/c2_8.png)
其實這篇所講的樣式還只是冰山一角
未來有機會會再介紹其他樣式設定
沒有留言:
張貼留言