2009年8月4日

輕鬆使用MS Chart Control - 使用多個 Y 值

坎尼在一開始學習 Chart Control 怎麼用的時候,就一直有這個疑問

怎麼指定 Y 值的屬性名稱是 YValueMembers ?
看起來似乎是可以傳入複數欄位? 但實際上填入複數又會出錯
今天就是探討一下如何指定多個欄位給 Y 欄位

其實方法很簡單,設定 YValuesPerPoint 屬性即可,以下是範例

UI設定

先在WebForm上加入 Chart Control
設定一下要顯示的樣式

設定 ToolTip 顯示內容,這邊會用到 3 個 Y 值來當作提示顯示
Y值的關鍵字為:#VAL 或是 #VALY
若要使用複數Y值,則是在 #VALY 後加上 INDEX,ex. #VALY2

設定完的 Html Source

撰寫繫結 Source Code

將 Series1.YValuesPerPoint 設定為3
然後把欄位名稱以 , 分隔指定給 YValueMembers

執行成果


小結

多項Y值是很好用的一項屬性
可惜只能給予數值型態的欄位
若是給文字型態,該欄位的值會全都變成 0,這點是需要注意的地方

3 則留言:

AirPerson 提到...
作者已經移除這則留言。
AirPerson 提到...

我問一下,在多重Y值的地方,您設多重的Members,在tooltip上會出現3個y值,您這邊是設定身高、體重、年齡,以圖的的顯示,您是以身高當做顯示結果,如果要換成體重或是年齡這邊是在Html可以設定的嗎?謝謝

坎尼 提到...

Hi AirPerson,
因為 Chart Control 會自己抓第一個 YValueMember 當作圖的資料來源,若要改成顯示其他資料,只需要調整 YValueMembers 的順序即可
圖示

但記得若是要用程式進行動態調整,原本Chart上有設定 #VAL 屬性的部分記得也要做調整

Google Spreadsheet 裡用規則運算式

最近因為工作關係,遇到要用 Google Form 及 Google Sheet 所以研究了 Google Sheet 裡的一些 function 怎麼用 首先,分享一下如何在 Google Sheet 裡用規則運算 :D