2. 程式人生 > >QCustomPlot介紹及例項

QCustomPlot介紹及例項

阿新 • • 發佈：2019-02-06

        QCustomPlot 是一個小巧好用的 QT 圖表外掛。用來畫曲線圖、趨勢圖、座標圖、柱狀圖等類似二維圖的庫。實現大部分的2維圖形繪製。使用時，我們在程式中寫完相關呼叫的程式碼後，只需將 QCunstomPlot.cpp 和 QCustomPlot.h 兩個檔案加入工程，正常編譯即可，有GPL的授權，支援跨平臺的C/C++語言 。

        QCustomPlot給我們提供了非常方便的載入資料的介面：setData() 和 addData()。

        QCustomPlot採用了大量的技術比如自適應取樣和文字物件快取為了減少replot的時間。然而一些特性比如半透明的填充,反鋸齒和粗線條都可能導致低效率。如果你在你的程式中注意到了這些。這有一些提示關於如何跳高Replot的效能。


        下面給出常用的統計圖和K線圖的示例：

  customPlot->plotLayout()->clear(); 
  QCPAxisRect *wideAxisRect = new QCPAxisRect(customPlot);
  wideAxisRect->setupFullAxesBox(true);
  wideAxisRect->axis(QCPAxis::atRight, 0)->setTickLabels(true);
  wideAxisRect->addAxis(QCPAxis::atLeft)->setTickLabelColor(QColor("#6050F8")); 
  QCPLayoutGrid *subLayout = new QCPLayoutGrid;
  customPlot->plotLayout()->addElement(0, 0, wideAxisRect); 
  customPlot->plotLayout()->addElement(1, 0, subLayout); 
  QCPAxisRect *subRectLeft = new QCPAxisRect(customPlot, false); 
  QCPAxisRect *subRectRight = new QCPAxisRect(customPlot, false);
  subLayout->addElement(0, 0, subRectLeft);
  subLayout->addElement(0, 1, subRectRight);
  subRectRight->setMaximumSize(150, 150); 
  subRectRight->setMinimumSize(150, 150); 
  subRectLeft->addAxes(QCPAxis::atBottom | QCPAxis::atLeft);
  subRectRight->addAxes(QCPAxis::atBottom | QCPAxis::atRight);
  subRectLeft->axis(QCPAxis::atLeft)->ticker()->setTickCount(2);
  subRectRight->axis(QCPAxis::atRight)->ticker()->setTickCount(2);
  subRectRight->axis(QCPAxis::atBottom)->ticker()->setTickCount(2);
  subRectLeft->axis(QCPAxis::atBottom)->grid()->setVisible(true);
  QCPMarginGroup *marginGroup = new QCPMarginGroup(customPlot);
  subRectLeft->setMarginGroup(QCP::msLeft, marginGroup);
  subRectRight->setMarginGroup(QCP::msRight, marginGroup);
  wideAxisRect->setMarginGroup(QCP::msLeft | QCP::msRight, marginGroup);
  foreach (QCPAxisRect *rect, customPlot->axisRects())
  {
    foreach (QCPAxis *axis, rect->axes())
    {
      axis->setLayer("axes");
      axis->grid()->setLayer("grid");
    }
  }
  
  QVector<QCPGraphData> dataCos(21), dataGauss(50), dataRandom(100);
  QVector<double> x3, y3;
  qsrand(3);
  for (int i=0; i<dataCos.size(); ++i)
  {
    dataCos[i].key = i/(double)(dataCos.size()-1)*10-5.0;
    dataCos[i].value = qCos(dataCos[i].key);
  }
  for (int i=0; i<dataGauss.size(); ++i)
  {
    dataGauss[i].key = i/(double)dataGauss.size()*10-5.0;
    dataGauss[i].value = qExp(-dataGauss[i].key*dataGauss[i].key*0.2)*1000;
  }
  for (int i=0; i<dataRandom.size(); ++i)
  {
    dataRandom[i].key = i/(double)dataRandom.size()*10;
    dataRandom[i].value = qrand()/(double)RAND_MAX-0.5+dataRandom[qMax(0, i-1)].value;
  }
  x3 << 1 << 2 << 3 << 4;
  y3 << 2 << 2.5 << 4 << 1.5;
  
  QCPGraph *mainGraphCos = customPlot->addGraph(wideAxisRect->axis(QCPAxis::atBottom), wideAxisRect->axis(QCPAxis::atLeft));
  mainGraphCos->data()->set(dataCos);
  mainGraphCos->valueAxis()->setRange(-1, 1);
  mainGraphCos->rescaleKeyAxis();
  mainGraphCos->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, QPen(Qt::black), QBrush(Qt::white), 6));
  mainGraphCos->setPen(QPen(QColor(120, 120, 120), 2));
  QCPGraph *mainGraphGauss = customPlot->addGraph(wideAxisRect->axis(QCPAxis::atBottom), wideAxisRect->axis(QCPAxis::atLeft, 1));
  mainGraphGauss->data()->set(dataGauss);
  mainGraphGauss->setPen(QPen(QColor("#8070B8"), 2));
  mainGraphGauss->setBrush(QColor(110, 170, 110, 30));
  mainGraphCos->setChannelFillGraph(mainGraphGauss);
  mainGraphCos->setBrush(QColor(255, 161, 0, 50));
  mainGraphGauss->valueAxis()->setRange(0, 1000);
  mainGraphGauss->rescaleKeyAxis();
  
  QCPGraph *subGraphRandom = customPlot->addGraph(subRectLeft->axis(QCPAxis::atBottom), subRectLeft->axis(QCPAxis::atLeft));
  subGraphRandom->data()->set(dataRandom);
  subGraphRandom->setLineStyle(QCPGraph::lsImpulse);
  subGraphRandom->setPen(QPen(QColor("#FFA100"), 1.5));
  subGraphRandom->rescaleAxes();
  
  QCPBars *subBars = new QCPBars(subRectRight->axis(QCPAxis::atBottom), subRectRight->axis(QCPAxis::atRight));
  subBars->setWidth(3/(double)x3.size());
  subBars->setData(x3, y3);
  subBars->setPen(QPen(Qt::black));
  subBars->setAntialiased(false);
  subBars->setAntialiasedFill(false);
  subBars->setBrush(QColor("#705BE8"));
  subBars->keyAxis()->setSubTicks(false);
  subBars->rescaleAxes();
 
  QSharedPointer<QCPAxisTickerFixed> intTicker(new QCPAxisTickerFixed);
  intTicker->setTickStep(1.0);
  intTicker->setScaleStrategy(QCPAxisTickerFixed::ssMultiples);
  subBars->keyAxis()->setTicker(intTicker);
統計圖效果如圖1-1所示：


                                                 圖1-1 統計圖

K線圖程式碼：

customPlot->legend->setVisible(true);
 
int n = 500;
QVector<double> time(n), value1(n), value2(n);
QDateTime start = QDateTime(QDate(2014, 6, 11));
start.setTimeSpec(Qt::UTC);
double startTime = start.toTime_t();
double binSize = 3600*24; 
value1[0] = 60;
value2[0] = 20;
qsrand(9);
for (int i=1; i<n; ++i)
{
  time[i] = startTime + 3600*i;
  value1[i] = value1[i-1] + (qrand()/(double)RAND_MAX-0.5)*10;
  value2[i] = value2[i-1] + (qrand()/(double)RAND_MAX-0.5)*3;
}
 
QCPFinancial *candlesticks = new QCPFinancial(customPlot->xAxis, customPlot->yAxis);
candlesticks->setName("Candlestick");
candlesticks->setChartStyle(QCPFinancial::csCandlestick);
candlesticks->data()->set(QCPFinancial::timeSeriesToOhlc(time, value1, binSize, startTime));
candlesticks->setWidth(binSize*0.9);
candlesticks->setTwoColored(true);
candlesticks->setBrushPositive(QColor(245, 245, 245));
candlesticks->setBrushNegative(QColor(40, 40, 40));
candlesticks->setPenPositive(QPen(QColor(0, 0, 0)));
candlesticks->setPenNegative(QPen(QColor(0, 0, 0)));
 
QCPFinancial *ohlc = new QCPFinancial(customPlot->xAxis, customPlot->yAxis);
ohlc->setName("OHLC");
ohlc->setChartStyle(QCPFinancial::csOhlc);
ohlc->data()->set(QCPFinancial::timeSeriesToOhlc(time, value2, binSize/3.0, startTime)); 
ohlc->setWidth(binSize*0.2);
ohlc->setTwoColored(true);
 
QCPAxisRect *volumeAxisRect = new QCPAxisRect(customPlot);
customPlot->plotLayout()->addElement(1, 0, volumeAxisRect);
volumeAxisRect->setMaximumSize(QSize(QWIDGETSIZE_MAX, 100));
volumeAxisRect->axis(QCPAxis::atBottom)->setLayer("axes");
volumeAxisRect->axis(QCPAxis::atBottom)->grid()->setLayer("grid");
// bring bottom and main axis rect closer together:
customPlot->plotLayout()->setRowSpacing(0);
volumeAxisRect->setAutoMargins(QCP::msLeft|QCP::msRight|QCP::msBottom);
volumeAxisRect->setMargins(QMargins(0, 0, 0, 0));
// create two bar plottables, for positive (green) and negative (red) volume bars:
customPlot->setAutoAddPlottableToLegend(false);
QCPBars *volumePos = new QCPBars(volumeAxisRect->axis(QCPAxis::atBottom), volumeAxisRect->axis(QCPAxis::atLeft));
QCPBars *volumeNeg = new QCPBars(volumeAxisRect->axis(QCPAxis::atBottom), volumeAxisRect->axis(QCPAxis::atLeft));
for (int i=0; i<n/5; ++i)
{
  int v = qrand()%20000+qrand()%20000+qrand()%20000-10000*3;
  (v < 0 ? volumeNeg : volumePos)->addData(startTime+3600*5.0*i, qAbs(v)); 
volumePos->setWidth(3600*4);
volumePos->setPen(Qt::NoPen);
volumePos->setBrush(QColor(100, 180, 110));
volumeNeg->setWidth(3600*4);
volumeNeg->setPen(Qt::NoPen);
volumeNeg->setBrush(QColor(180, 90, 90));
 
// interconnect x axis ranges of main and bottom axis rects:
connect(customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), volumeAxisRect->axis(QCPAxis::atBottom), SLOT(setRange(QCPRange)));
connect(volumeAxisRect->axis(QCPAxis::atBottom), SIGNAL(rangeChanged(QCPRange)), customPlot->xAxis, SLOT(setRange(QCPRange)));
// configure axes of both main and bottom axis rect:
QSharedPointer<QCPAxisTickerDateTime> dateTimeTicker(new QCPAxisTickerDateTime);
dateTimeTicker->setDateTimeSpec(Qt::UTC);
dateTimeTicker->setDateTimeFormat("dd. MMMM");
volumeAxisRect->axis(QCPAxis::atBottom)->setTicker(dateTimeTicker);
volumeAxisRect->axis(QCPAxis::atBottom)->setTickLabelRotation(15);
customPlot->xAxis->setBasePen(Qt::NoPen);
customPlot->xAxis->setTickLabels(false);
customPlot->xAxis->setTicks(false); 
customPlot->xAxis->setTicker(dateTimeTicker);
customPlot->rescaleAxes();
customPlot->xAxis->scaleRange(1.025, customPlot->xAxis->range().center());
customPlot->yAxis->scaleRange(1.1, customPlot->yAxis->range().center());
 
QCPMarginGroup *group = new QCPMarginGroup(customPlot);
customPlot->axisRect()->setMarginGroup(QCP::msLeft|QCP::msRight, group);
volumeAxisRect->setMarginGroup(QCP::msLeft|QCP::msRight, group);

K線圖如圖1-2所示：

                                                                   圖1-2 K線圖

其它繪圖效果如下所示：



相關推薦

QCustomPlot介紹及例項

        QCustomPlot 是一個小巧好用的 QT 圖表外掛。用來畫曲線圖、趨勢圖、座標圖、柱狀圖等類似二維圖的庫。實現大部分的2維圖形繪製。使用時，我們在程式中寫完相關呼叫的程式碼後，只需將 QCunstomPlot.cpp 和 QCustomPlot.h

Python使用Ctypes與C/C++ DLL檔案通訊過程介紹及例項分析

專案中可能會經常用到第三方庫，主要是出於程式效率考慮和節約開發時間避免重複造輪子。無論第三方庫開源與否，程式語言是否與當前專案一致，我們最終的目的是在當前程式設計環境中呼叫庫中的方法並得到結果或者藉助庫中的模組實現某種功能。這個過程會牽涉到很多東西，本篇文章將簡要的介紹一下該過程的一些問題。 1.背景 多

Spark入門實戰系列--9.Spark圖計算GraphX介紹及例項

1、GraphX介紹 1.1 GraphX應用背景 Spark GraphX是一個分散式圖處理框架，它是基於Spark平臺提供對圖計算和圖挖掘簡潔易用的而豐富的介面，極大的方便了對分散式圖處理的需求。 眾所周知·，社交網路中人與人之間有很多關係鏈，例如Twitter、Faceb

java定時器類Timer和多執行緒介紹及例項

任務要求： 完成一個java application應用程式，使用定時器程式設計，在實時顯示當前時間，每1秒時鐘內容更新一次。 完成一個java application應用程式，在應用程式主程序中新開一個執行緒，此執行緒進行死迴圈，每1秒被啟用一次，啟用時即在

ICE介紹及例項

Ice-Internet Communications Engine，是一種面向物件、跨平臺、多語言的通訊中介軟體。支援C++、Java、C#、VB、Python等，客戶和伺服器可以用不同的語言，可以執行在不同的作業系統和機器架構上，支援TCP/UDP。 Ice應用組成：

Java記憶體資料庫-H2介紹及例項（SpringBoot）

介紹 記憶體資料庫（Embedded database或in-momery database）具有配置簡單、啟動速度快、尤其是其可測試性等優點，使其成為開發過程中非常有用的輕量級資料庫。在spring中支援HSQL、H2和Derby三種資料庫。 總的感覺H2很厲害的樣子，既然是這樣的話，我們先介紹H2

roc曲線簡單介紹及例項程式碼

今日筆記：roc曲線 還是僅供自己參考學習。。 首先要注意的是roc曲線僅適用於二分類問題，不是二分類問題應首先通過各種手段轉為二分類問題。 roc橫座標為TPR，縱座標為TPR，若要知道TPR,FPR，就要從混淆矩陣說起... 漏掉了f1..f1 = 2*p*r

Linux C Socket UDP程式設計介紹及例項

1、UDP網路程式設計主要流程 UDP協議的程式設計框架，客戶端和伺服器之間的差別在於伺服器必須使用bind()函式來繫結偵聽的本地UDP埠，而客戶端則可以不進行繫結，直接傳送到伺服器地址的某個埠地址。框圖如圖1.3所示 UDP協議的伺服器端流程 伺服器流程主要分為下述6個

next陣列介紹及例項

本文轉自他人。（http://blog.csdn.net/iamyvette/article/details/77433991） 提示：切記！！！是前一位的next對應的值 與其自身比較。而這裡的next 的值就是下標（next值為1就是下標為1的值） next陣列的求

python爬蟲入門--Beautiful Soup庫介紹及例項

整理自：北理工嵩天老師的網路課程。 1、Beautiful Soup庫基礎知識 （1）Beautiful Soup庫的理解 Beautiful Soup庫是解析、遍歷、維護“標籤樹”的功能庫。 BeautifulSoup對應一個HTML/XML文件的全部內容。

cJSON的使用介紹及例項分析

使用意圖： 用於方便實現包含充電資訊的結構體輸入到檔案中，然後需要的時候，從檔案中以充電資訊的結構體的形式輸出； 簡要介紹： cJSON的使用，網上有很多的資料，主要就是兩個檔案，一個頭檔案cJSON.h，一個應用檔案cJSON.c，前者主要是對c

java 兩種比較器的詳細介紹及例項

1. Comparator 和 Comparable 相同的地方 他們都是java的一個介面, 並且是用來對自定義的class比較大小的, 什麼是自定義class: 如 public class Person{ String name; int age }. 當我們有這麼一

Python中GUI控制元件介紹及例項

1.msgbox: 語法:msgbox(text,title, ok_button='OK',image=None,root=None) 例項:msgbox('內容內容','標題標題','確定')返回

Spark圖計算GraphX介紹及例項

1、GraphX介紹 1.1 GraphX應用背景 Spark GraphX是一個分散式圖處理框架，它是基於Spark平臺提供對圖計算和圖挖掘簡潔易用的而豐富的介面，極大的方便了對分散式圖處理的需求。 眾所周知·，社交網路中人與人之間有很多關係鏈，例如Twitter、Facebook、微博和微信等，這些都是

分散式、微服務架構Spring Boot入門及例項介紹

spring boot入門 -- 介紹和第一個例子 “越來越多的企業選擇使用spring boot 開發系統，spring boot牛在什麼地方？難不難學？心動不如行動，讓我們一起開始學習吧！” 使用Spring boot ，可以輕鬆的建立獨立執行的程式，非常容易構建獨立的服務元件，是實現

自動化互動指令碼Expect簡單介紹及應用例項

一：事出有因 最近在跟蹤“40G framer link down“這個問題。這個問題，不是很容易復現，只能是一遍遍的reboot 板卡，進入cli命令列，檢視link 狀態。 為了分析原因，需要使 “40G framer li

JNI介紹及簡單例項

JNI概念 JNI是Java Native Interface的縮寫，中文為JAVA本地呼叫。 使用JNI, 可以呼叫用其他語言寫成的庫或程式， 尤其是C和C++。 好了，概念性的內容就不多介紹了， 直接進入例項  JNI例項 例項環境： Eclispe3.7 + jdk

Python的PIL影象處理標準庫介紹及相應程式碼例項

PIL：Python Imaging Library，已經是Python平臺事實上的影象處理標準庫了。PIL功能非常強大，但API卻非常簡單易用。操作影象來看看最常見的影象縮放操作，只需三四行程式碼：import Image # 開啟一個jpg影象檔案，注意路徑要改成你自己

PyQt之玩轉signal(訊號)與slot(槽)一：介紹及簡單例項

訊號與槽機制作為Qt最重要的特性，提供了任意兩個QT物件之間的通訊機制。其中，訊號會在某個特定情況或動作下被觸發，槽是用於接收並處理訊號的函式。每個Qt物件都包含預定的訊號和槽，當一某一特定事件發生時，一個訊號被髮射，與訊號相關聯的槽則會響應訊號完成相應的處理。

介面卡模式原理及例項介紹

本文首先介紹了介面卡模式的基本實現原理，然後通過一個例項讓讀者從程式碼的角度快速瞭解介面卡模式的執行方式，接著對介面卡模式在 JDK 中的應用做了一些介紹，最後對介面卡模式的兩種實現方式區別、優缺點、應用場景等做了一定的總結。 介面卡模式基本介紹 著名的設計模式“