1. 程式人生 > >【Visual Studio 擴展工具】使用 ComponentOne迷你圖控件,進行可視化數據趨勢分析

【Visual Studio 擴展工具】使用 ComponentOne迷你圖控件,進行可視化數據趨勢分析

eva lex 擴展工具 連續 cti 支持 人物 論壇 安全

  概述
  
  迷你圖 —— Sparklines是迷你的輕量級圖表,有助於快速可視化數據。 它們是由數據可視化傳奇人物Edward Tufte發明的,他將其描述為“數據密集,設計簡單,字節大小的圖形。”雖然迷你圖不包含傳統圖表中的許多元素(如軸和坐標), 基於它們的簡單性,它們可以比其他圖表類型更具信息性。 由於其緊湊的尺寸,迷你圖可以輕松嵌入數據網格或儀表板中,以顯示一系列價值觀的趨勢,例如銷售數據、天氣或股票市場。
  
  Sparklines in FlexGrid
  
  將迷你圖用於數據網格是很常見的,因為它們為表格數據添加了豐富的可視化功能,而不會占用太多空間。 隨著ComponentOne 2018 v3的到來,FlexGrid控件提供了在網格列中顯示迷你圖的功能。 讓我們通過一個非常常見的用例來理解這個功能 —— 分析特定月份不同公司的股票趨勢。
  
  使用迷你圖可視化分析股市趨勢
  
  迷你圖提供即時趨勢信息。 這正是股市分析師所需要的 —— 即時趨勢的金融數據。
  
  Sparklines
  
  在上面的示例中,該網格數據顯示了2018年10月份不同公司的股票信息,包含最近一周的交易量(過去7天的交易量)、前一周交易量(前7天的交易量)、超過一周的交易量(原始和百分比)以及整個月的交易量趨勢。
  
  現在,我們來看看如何在FlexGrid中實現它。
  
  創建迷你圖表
  
  綁定到數據源
  
  將FlexGrid綁定到包含表示數字集合的字段的數據源。 例如,實現IEnumerable或INotifyCollectionChanged接口的字段,如Array,List或ObservableCollection。
  
  我們將網格綁定到一個包含以下內容的數據源:有關最新周交易量、前一周交易量、兩者之間的變化和百分比變化的信息,以及10月份不同公司的交易量數字集合。
  
  一旦綁定了數據網格,就可以深入探索我們需要使用的屬性,以便在FlexGrid中顯示迷你圖。
  
  使用ShowSparkline和Sparkline屬性
  
  引入了Column類的ShowSparkline和Sparkline屬性,以便在集合所代表的數據的相應單元格中顯示迷你圖。 因此,為了可視化一個月交易量的趨勢,只需將列的ShowSparkline屬性設置為true,如圖所示。
  
  Column volumeTrendCol = c1FlexGrid1.Cols["VolumeValues"];
  
  volumeTrendCol.Caption = "Volume www.tiaotiaoylzc.com/ Trend Last 31 days\n as of 31-10-2018";
  
  //Set the Column‘s ShowSparkline property to true to show sparklines www.huayi1.cn in that column
  
  volumeTrendCol.ShowSparkline = true;
  
  您可以選擇三種不同類型的迷你圖,即Column,Line和WinLoss,以便在不同的上下文中可視化數據。
  
  線條迷你圖、列迷你圖和WinLoss迷你圖
  
  例如,線條迷你圖適用於可視化連續數據,例如銷售數據。 列迷你圖用於涉及數據比較的場景,例如,比較特定年份的月利潤。同樣,WinLoss迷你圖最好用於可視化真假判斷(即取得勝利)場景,例如,跟蹤體育賽季。
  
  在這裏,由於我們有連續數據(一個月的交易量),因此我們將使用線型迷你線。 為了設置sparkline類型,您需要使用Column類的Sparkline屬性檢索Sparkline對象。
  
  然後,將檢索到的對象的SparklineType屬性設置為SparklineType.Line。 您還可以使用標記突出顯示迷你圖上的各個數據點,以使其更具可讀性。 例如,要突出顯示迷你圖中的最高和最低交易量值,請將Sparkline類的ShowHigh和ShowLow屬性設置為true,如下所示:
  
  //Sets the type of Sparkline
  
  volumeTrendCol.Sparkline.SparklineType yongshiyule178.com= SparklineType.Line;
  
  //Highlight the highest www.tongqt178.com and the lowest data points
  
  volumeTrendCol.Sparkline.www.weilaiyule178.com ShowHigh = true;
  
  volumeTrendCol.Sparkline.www.gcyl152.com ShowLow = true;
  
  您還可以使用不同的樣式選項更改迷你圖的外觀。
  
  Sparklines的樣式
  
  FlexGrid控件的命名空間[C1.Win.C1FlexGrid]提供了一個名為SparklineStyles的類,它可以自定義Sparkline的外觀,例如軸的顏色、數據點的顏色、迷你圖主題顏色等。 此外,還可以更改迷你圖軸距、不同系列圖距、 winloss迷你圖中兩條線之間的距離,以及迷你圖中線條的粗細。
  
  點擊此處,下載示例Demo,您可以親自嘗試一下 ComponentOne 迷你圖。
  
  ComponentOne Enterprise | 下載試用
  
  ComponentOne是一款專註於企業應用高性能開發的 .NET 全功能控件套包,包含300余種控件,支持7大平臺,涵蓋7大功能模塊。較於市面上其他同類產品,ComponentOne更加輕盈,功能更加強大,20多年的開發經驗,將為您的應用系統帶來更為安全的使用體驗。純中文操作界面,一對一技術支持,廠商級的技術服務,共同造就了這款國際頂級控件套包。
  
  您對ComponentOne 產品的任何技術問題,都有技術支持工程師提供1對1專業解答,點擊此處即可發帖提問>> 技術支持論壇

【Visual Studio 擴展工具】使用 ComponentOne迷你圖控件,進行可視化數據趨勢分析