[ChartControl]開發互動式圖表吧
在BI、CRM這一類講求商機的系統,互動是圖表一直是一項很大的需求,它除了炫之外,也是一種很直覺且簡單的操作方式,下方來簡單的說明幾個互動式的功能。
功能一:Tooltip
使用Series中的ToolTip屬性就可以囉,#VAL代表的是放數列值
呈現出來的效果就是這樣子:
功能二:鑽取細部資料
這個功能就很重要了,當我們看到畫面上的圖表資料時,如果我想要看異常資料到底有什麼樣的問題時,通常我們會希望能針對該資料的子資料做觀看,如以上兩條BreakLine所切中的數列,這時我們該怎麼做呢?也不難的,我們可以透過Series的URL屬性來達成,這段我用程式來寫,我已經寫好一個Default2.aspx,裡頭有個GridView,這個GridView會根據傳遞過來的OrderID來查詢Orders_Detail這個Table的資料,而參數值是跟據上方X軸的值,也就是OrderID:
這樣寫之後當我們點選畫面上的數列,就會幫我們顯示其對應的Detail資料,我們就可以從中找出有異常的部分,不過以上的寫法會將整個網頁都導到Default2去,如果我們希望它能新開另一個視窗要怎麼寫?
我們可以透過MApAreaAttributes這個屬性,設定target="_blank",這樣一來,當點選超連結時就會跳出新視窗囉:
Chart1.Series[0].MapAreaAttributes = "target=\"_blank\"";
這個ChartControl愈用愈順手囉...
游舒帆 (gipi) 探索原力Co-founder,曾任TutorABC協理與鼎新電腦總監,並曾獲選兩屆微軟最有價值專家 ( MVP ),離開職場後創辦探索原力,致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關,都是在為未來儲備能量,2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》,為培養台灣未來的領袖而努力。 |