本文中,我們將處理一個常見的數據可視化任務,即創建一個銷售儀表板 (dashboard)。在商業演示中經常會使用銷售儀表板來展現某個商業流程或商業 目標的關鍵績效指標,而完成這樣一個演示的關鍵不僅在於對數據進行良好的可 視化展示,還要有賞心悅目的外觀。為了完成這一任務,我會使用相關的圖表組 件,它提供了全部的所需功能。這個示例中將使用ShieldUI中的圖表組件,這一 系列產品可以從網站的免費下載。
完成後的展示請見下圖:
本示例將使用ASP.NET與MVC兩種方式講解。
使用代碼
ASP.NET版本
我首先建立一個Visual Studio的web項目,這個web應用包含一個單獨的.aspx 文件,其中包含了相關的控件。第二步則是將圖表組件所在的.dll文件加入當前 項目:
將組件所在的.dll文件加入項目之後,我們還需要在項目中引用它。可以直接 在.aspx頁面中完成,請見下面的示例:
<%@ Register Assembly="Shield.Web.UI" Namespace="Shield.Web.UI" TagPrefix="shield" %>