概述
　　
　　迷你圖 —— Sparklines是迷你的輕量級(jí)圖表，有助于快速可視化數(shù)據(jù)。 它們是由數(shù)據(jù)可視化傳奇人物Edward Tufte發(fā)明的，他將其描述為“數(shù)據(jù)密集，設(shè)計(jì)簡(jiǎn)單，字節(jié)大小的圖形。”雖然迷你圖不包含傳統(tǒng)圖表中的許多元素（如軸和坐標(biāo)）， 基于它們的簡(jiǎn)單性，它們可以比其他圖表類型更具信息性。 由于其緊湊的尺寸，迷你圖可以輕松嵌入數(shù)據(jù)網(wǎng)格或儀表板中，以顯示一系列價(jià)值觀的趨勢(shì)，例如銷售數(shù)據(jù)、天氣或股票市場(chǎng)。
　　
　　Sparklines in FlexGrid
　　
　　將迷你圖用于數(shù)據(jù)網(wǎng)格是很常見的，因?yàn)樗鼈優(yōu)楸砀駭?shù)據(jù)添加了豐富的可視化功能，而不會(huì)占用太多空間。 隨著ComponentOne 2018 v3的到來(lái)，FlexGrid控件提供了在網(wǎng)格列中顯示迷你圖的功能。 讓我們通過(guò)一個(gè)非常常見的用例來(lái)理解這個(gè)功能 —— 分析特定月份不同公司的股票趨勢(shì)。
　　
　　使用迷你圖可視化分析股市趨勢(shì)
　　
　　迷你圖提供即時(shí)趨勢(shì)信息。 這正是股市分析師所需要的 —— 即時(shí)趨勢(shì)的金融數(shù)據(jù)。
　　
　　Sparklines
　　
　　在上面的示例中，該網(wǎng)格數(shù)據(jù)顯示了2018年10月份不同公司的股票信息，包含最近一周的交易量（過(guò)去7天的交易量）、前一周交易量（前7天的交易量）、超過(guò)一周的交易量（原始和百分比）以及整個(gè)月的交易量趨勢(shì)。
　　
　　現(xiàn)在，我們來(lái)看看如何在FlexGrid中實(shí)現(xiàn)它。
　　
　　創(chuàng)建迷你圖表
　　
　　綁定到數(shù)據(jù)源
　　
　　將FlexGrid綁定到包含表示數(shù)字集合的字段的數(shù)據(jù)源。 例如，實(shí)現(xiàn)IEnumerable或INotifyCollectionChanged接口的字段，如Array，List或ObservableCollection。
　　
　　我們將網(wǎng)格綁定到一個(gè)包含以下內(nèi)容的數(shù)據(jù)源：有關(guān)最新周交易量、前一周交易量、兩者之間的變化和百分比變化的信息，以及10月份不同公司的交易量數(shù)字集合。
　　
　　一旦綁定了數(shù)據(jù)網(wǎng)格，就可以深入探索我們需要使用的屬性，以便在FlexGrid中顯示迷你圖。
　　
　　使用ShowSparkline和Sparkline屬性
　　
　　引入了Column類的ShowSparkline和Sparkline屬性，以便在集合所代表的數(shù)據(jù)的相應(yīng)單元格中顯示迷你圖。 因此，為了可視化一個(gè)月交易量的趨勢(shì)，只需將列的ShowSparkline屬性設(shè)置為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，以便在不同的上下文中可視化數(shù)據(jù)。
　　
　　線條迷你圖、列迷你圖和WinLoss迷你圖
　　
　　例如，線條迷你圖適用于可視化連續(xù)數(shù)據(jù)，例如銷售數(shù)據(jù)。 列迷你圖用于涉及數(shù)據(jù)比較的場(chǎng)景，例如，比較特定年份的月利潤(rùn)。同樣，WinLoss迷你圖最好用于可視化真假判斷（即取得勝利）場(chǎng)景，例如，跟蹤體育賽季。
　　
　　在這里，由于我們有連續(xù)數(shù)據(jù)（一個(gè)月的交易量），因此我們將使用線型迷你線。 為了設(shè)置sparkline類型，您需要使用Column類的Sparkline屬性檢索Sparkline對(duì)象。
　　
　　然后，將檢索到的對(duì)象的SparklineType屬性設(shè)置為SparklineType.Line。 您還可以使用標(biāo)記突出顯示迷你圖上的各個(gè)數(shù)據(jù)點(diǎn)，以使其更具可讀性。 例如，要突出顯示迷你圖中的最高和最低交易量值，請(qǐng)將Sparkline類的ShowHigh和ShowLow屬性設(shè)置為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;
　　
　　您還可以使用不同的樣式選項(xiàng)更改迷你圖的外觀。
　　
　　Sparklines的樣式
　　
　　FlexGrid控件的命名空間[C1.Win.C1FlexGrid]提供了一個(gè)名為SparklineStyles的類，它可以自定義Sparkline的外觀，例如軸的顏色、數(shù)據(jù)點(diǎn)的顏色、迷你圖主題顏色等。 此外，還可以更改迷你圖軸距、不同系列圖距、 winloss迷你圖中兩條線之間的距離，以及迷你圖中線條的粗細(xì)。
　　
　　點(diǎn)擊此處，下載示例Demo，您可以親自嘗試一下 ComponentOne 迷你圖。
　　
　　ComponentOne Enterprise | 下載試用
　　
　　ComponentOne是一款專注于企業(yè)應(yīng)用高性能開發(fā)的 .NET 全功能控件套包，包含300余種控件，支持7大平臺(tái)，涵蓋7大功能模塊。較于市面上其他同類產(chǎn)品，ComponentOne更加輕盈，功能更加強(qiáng)大，20多年的開發(fā)經(jīng)驗(yàn)，將為您的應(yīng)用系統(tǒng)帶來(lái)更為安全的使用體驗(yàn)。純中文操作界面，一對(duì)一技術(shù)支持，廠商級(jí)的技術(shù)服務(wù)，共同造就了這款國(guó)際頂級(jí)控件套包。
　　
　　您對(duì)ComponentOne 產(chǎn)品的任何技術(shù)問題，都有技術(shù)支持工程師提供1對(duì)1專業(yè)解答，點(diǎn)擊此處即可發(fā)帖提問>> 技術(shù)支持論壇

轉(zhuǎn)載于:https://www.cnblogs.com/qwangxiao/p/10133200.html

總結(jié)

以上是生活随笔為你收集整理的【Visual Studio 扩展工具】使用 ComponentOne迷你图控件，进行可视化数据趋势分析...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。