使用QCustomPlot绘图的基础
生活随笔
收集整理的這篇文章主要介紹了
使用QCustomPlot绘图的基础
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用QCustomPlot繪圖的基礎(chǔ)
首先你用QCustomPlot::addGraph創(chuàng)建一個(gè)曲線圖然后你給曲線圖賦一些數(shù)據(jù)點(diǎn)(一對(duì)QVector<double>為x,y的值)并且定義曲線圖的外觀(線型,分散圖案,顏色,線筆)子厚調(diào)用QCustomPlot::replot。注意replot應(yīng)該被自動(dòng)調(diào)用當(dāng)widget被重新改變大小的時(shí)候或者內(nèi)建的用戶交互被觸發(fā)的時(shí)候(拖拽坐標(biāo)軸范圍用鼠標(biāo)或者齒輪),莫ten情況下QCustomPlot有四個(gè)類型為QCPAxis的坐標(biāo)軸:xAxis,yAxis,xAxis2,yAxis2。組成了下,左,上,右四個(gè)坐標(biāo)軸。他們的范圍(QCPAxis::setRange)定義了Plot當(dāng)前可見(jiàn)的部分。
這有一個(gè)小例子customPlot是一個(gè)QCustomPlot widget的指針。
[cpp] view plaincopyprint?//?generate?some?data:?? ????QVector<double>?x(101),?y(101);?//?initialize?with?entries?0..100?? ????for?(int?i=0;?i<101;?++i)?? ????{?? ??????x[i]?=?i/50.0?-?1;?//?x?goes?from?-1?to?1?? ??????y[i]?=?x[i]*x[i];?//?let's?plot?a?quadratic?function?? ????}?? ????//?create?graph?and?assign?data?to?it:?? ????customPlot->addGraph();?? ????customPlot->graph(0)->setData(x,?y);?? ????//?give?the?axes?some?labels:?? ????customPlot->xAxis->setLabel("x");?? ????customPlot->yAxis->setLabel("y");?? ????//?set?axes?ranges,?so?we?see?all?data:?? ????customPlot->xAxis->setRange(-1,?1);?? ????customPlot->yAxis->setRange(0,?1);?? ????customPlot->replot();??
輸出應(yīng)該看起來(lái)跟下面一樣。注意刻度線的位置是被自動(dòng)選擇的。然而乜可以完全控制刻度步長(zhǎng)甚至單一刻度位置通過(guò)調(diào)用setTickStep或者setTickVector在各自的軸上。為了禁用和可用自動(dòng)化，電泳setAutoTickStep或 [cpp] view plaincopyprint?</pre>者setAutoTicks。如果你想提供自己的刻度步長(zhǎng)或者刻度vector,禁用自動(dòng)化將是必須的。如果你只是想在可見(jiàn)的范圍里改變合適的刻度數(shù)，可以使用setAutoTickCount.你將看到坐標(biāo)軸的刻度標(biāo)簽沒(méi)有被裁剪甚至它們變寬了.這是因?yàn)樽詣?dòng)化的邊緣計(jì)算由默認(rèn)的數(shù)據(jù)決定。如果你不希望axis的margin自動(dòng)決定,用過(guò)調(diào)用customPlot->axisRect()->setAutoMargins(QCP::msNone)來(lái)關(guān)閉。然后可以通過(guò)QCPAxisRect::setMargins來(lái)手動(dòng)調(diào)整margins.改變外觀graph有很多影響外觀的因素,所有的都可以被修改。這有重要的幾點(diǎn)Line?style:調(diào)用QCPGraph::setLineStyle。對(duì)所有可能的Line?Style你可以查看LineStyle文檔。Line?Pen:繪圖框架的所有Pen都是可獲取的,solid,dashed,dotted,不同的寬度,顏色,透明度,等等。通過(guò)QCPGraph::setPen設(shè)置配置好的Pen.Scatter?symbol調(diào)用QCPGraph::setScatterStyle來(lái)改變分散點(diǎn)符號(hào)的外觀。所以可能的scatter?style可以查看QCPScatterStyle文檔。Fills?under?graph?or?between?two?graphs:繪圖框架的所有畫(huà)刷都可以被用來(lái)填充graph：solid,各種各樣的模式,紋理,漸變,顏色,透明度等等通過(guò)QCPGraph::setBrush來(lái)設(shè)置配置好的Brush.坐標(biāo)軸的外觀可以被修改通過(guò)改變繪圖的畫(huà)筆和它們label的字體。看一看QCPAxis文檔就不言而喻了。這有一個(gè)很快的總結(jié):setBasePen,setTickPen,setTickLength,setSubTickLength,setSubTickPen,setTickLabelFont,setLabelFont,setTickLabelPadding,setLabelPadding。你可以反轉(zhuǎn)一個(gè)坐標(biāo)軸使用setRangeReversed.柵格可以被修改通過(guò)使用單獨(dú)的QCPGrid實(shí)例。每一個(gè)坐標(biāo)軸都有自己的柵格實(shí)例QCPAxis::grid()因此改變水平的柵格線可以通過(guò)訪問(wèn)customPlot->yAxis->grid()來(lái)實(shí)現(xiàn)。柵格線外觀的基礎(chǔ)地的畫(huà)筆可以使用QCPGrid::setPen來(lái)設(shè)置。0刻度可以使用不同的畫(huà)筆繪出來(lái),使用QCPGrid::setZeroLinePen來(lái)配置。如果你不想畫(huà)0刻度用特殊的筆只需要設(shè)置為Qt::NoPen并且柵格線將會(huì)使用普通的畫(huà)筆繪制。Examples有兩個(gè)曲線圖的Plot這有一個(gè)例子創(chuàng)建一個(gè)衰減的cosin函數(shù)圖像.<span?style="white-space:pre"></span><pre?name="code"?class="cpp">//?add?two?new?graphs?and?set?their?look:?? customPlot->addGraph();?? customPlot->graph(0)->setPen(QPen(Qt::blue));?//?line?color?blue?for?first?graph?? customPlot->graph(0)->setBrush(QBrush(QColor(0,?0,?255,?20)));?//?first?graph?will?be?filled?with?translucent?blue?? customPlot->addGraph();?? customPlot->graph(1)->setPen(QPen(Qt::red));?//?line?color?red?for?second?graph?? //?generate?some?points?of?data?(y0?for?first,?y1?for?second?graph):?? QVector<double>?x(250),?y0(250),?y1(250);?? for?(int?i=0;?i<250;?++i)?? {?? ??x[i]?=?i;?? ??y0[i]?=?exp(-i/150.0)*cos(i/10.0);?//?exponentially?decaying?cosine?? ??y1[i]?=?exp(-i/150.0);?//?exponential?envelope?? }?? //?configure?right?and?top?axis?to?show?ticks?but?no?labels:?? //?(see?QCPAxisRect::setupFullAxesBox?for?a?quicker?method?to?do?this)?? customPlot->xAxis2->setVisible(true);?? customPlot->xAxis2->setTickLabels(false);?? customPlot->yAxis2->setVisible(true);?? customPlot->yAxis2->setTickLabels(false);?? //?make?left?and?bottom?axes?always?transfer?their?ranges?to?right?and?top?axes:?? connect(customPlot->xAxis,?SIGNAL(rangeChanged(QCPRange)),?customPlot->xAxis2,?SLOT(setRange(QCPRange)));?? connect(customPlot->yAxis,?SIGNAL(rangeChanged(QCPRange)),?customPlot->yAxis2,?SLOT(setRange(QCPRange)));?? //?pass?data?points?to?graphs:?? customPlot->graph(0)->setData(x,?y0);?? customPlot->graph(1)->setData(x,?y1);?? //?let?the?ranges?scale?themselves?so?graph?0?fits?perfectly?in?the?visible?area:?? customPlot->graph(0)->rescaleAxes();?? //?same?thing?for?graph?1,?but?only?enlarge?ranges?(in?case?graph?1?is?smaller?than?graph?0):?? customPlot->graph(1)->rescaleAxes(true);?? //?Note:?we?could?have?also?just?called?customPlot->rescaleAxes();?instead?? //?Allow?user?to?drag?axis?ranges?with?mouse,?zoom?with?mouse?wheel?and?select?graphs?by?clicking:?? customPlot->setInteractions(QCP::iRangeDrag?|?QCP::iRangeZoom?|?QCP::iSelectPlottables);??
正如你看到的,應(yīng)用填充凸顯跟設(shè)置一個(gè)畫(huà)刷一樣容易但不是Qt::NoBrush.填充從圖像開(kāi)始到與坐標(biāo)軸平行的0值線。如果我們想要在一個(gè)graph和另一個(gè)graph之間填充的通道可以調(diào)用QCPGraph::setChannelFillGraph(otherGraph).為了刪除通道填充,只需要將零值線作為另一個(gè)圖形并且填充將可以達(dá)到所有的方式來(lái)把之前的作為零值線。為了完全移除填充調(diào)用QCPGraph::setBrush(Qt::NoBrush);
Plotting with multiple axes and more advanced styleing
繪制多軸和更高級(jí)的樣式
現(xiàn)在看一些復(fù)雜的例子為了創(chuàng)建演示截圖,在四個(gè)坐標(biāo)軸上包括了五個(gè)graphs,紋理填充,垂直誤差,圖例,點(diǎn)作為小數(shù)分隔符等等。
[cpp] view plaincopyprint?ustomPlot->setLocale(QLocale(QLocale::English,?QLocale::UnitedKingdom));?//?period?as?decimal?separator?and?comma?as?thousand?separator?? customPlot->legend->setVisible(true);?? QFont?legendFont?=?font();??//?start?out?with?MainWindow's?font..?? legendFont.setPointSize(9);?//?and?make?a?bit?smaller?for?legend?? customPlot->legend->setFont(legendFont);?? customPlot->legend->setBrush(QBrush(QColor(255,255,255,230)));?? //?by?default,?the?legend?is?in?the?inset?layout?of?the?main?axis?rect.?So?this?is?how?we?access?it?to?change?legend?placement:?? customPlot->axisRect()->insetLayout()->setInsetAlignment(0,?Qt::AlignBottom|Qt::AlignRight);?? ??? //?setup?for?graph?0:?key?axis?left,?value?axis?bottom?? //?will?contain?left?maxwell-like?function?? customPlot->addGraph(customPlot->yAxis,?customPlot->xAxis);?? customPlot->graph(0)->setPen(QPen(QColor(255,?100,?0)));?? customPlot->graph(0)->setBrush(QBrush(QPixmap("./dali.png")));?//?fill?with?texture?of?specified?png-image?? customPlot->graph(0)->setLineStyle(QCPGraph::lsLine);?? customPlot->graph(0)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssDisc,?5));?? customPlot->graph(0)->setName("Left?maxwell?function");?? ??? //?setup?for?graph?1:?key?axis?bottom,?value?axis?left?(those?are?the?default?axes)?? //?will?contain?bottom?maxwell-like?function?? customPlot->addGraph();?? customPlot->graph(1)->setPen(QPen(Qt::red));?? customPlot->graph(1)->setBrush(QBrush(QPixmap("./dali.png")));?//?same?fill?as?we?used?for?graph?0?? customPlot->graph(1)->setLineStyle(QCPGraph::lsStepCenter);?? customPlot->graph(1)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle,?Qt::red,?Qt::white,?7));?? customPlot->graph(1)->setErrorType(QCPGraph::etValue);?? customPlot->graph(1)->setName("Bottom?maxwell?function");?? ??? //?setup?for?graph?2:?key?axis?top,?value?axis?right?? //?will?contain?high?frequency?sine?with?low?frequency?beating:?? customPlot->addGraph(customPlot->xAxis2,?customPlot->yAxis2);?? customPlot->graph(2)->setPen(QPen(Qt::blue));?? customPlot->graph(2)->setName("High?frequency?sine");?? ??? //?setup?for?graph?3:?same?axes?as?graph?2?? //?will?contain?low?frequency?beating?envelope?of?graph?2?? customPlot->addGraph(customPlot->xAxis2,?customPlot->yAxis2);?? QPen?blueDotPen;?? blueDotPen.setColor(QColor(30,?40,?255,?150));?? blueDotPen.setStyle(Qt::DotLine);?? blueDotPen.setWidthF(4);?? customPlot->graph(3)->setPen(blueDotPen);?? customPlot->graph(3)->setName("Sine?envelope");?? ??? //?setup?for?graph?4:?key?axis?right,?value?axis?top?? //?will?contain?parabolically?distributed?data?points?with?some?random?perturbance?? customPlot->addGraph(customPlot->yAxis2,?customPlot->xAxis2);?? customPlot->graph(4)->setPen(QColor(50,?50,?50,?255));?? customPlot->graph(4)->setLineStyle(QCPGraph::lsNone);?? customPlot->graph(4)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle,?4));?? customPlot->graph(4)->setName("Some?random?data?around\na?quadratic?function");?? ??? //?generate?data,?just?playing?with?numbers,?not?much?to?learn?here:?? QVector<double>?x0(25),?y0(25);?? QVector<double>?x1(15),?y1(15),?y1err(15);?? QVector<double>?x2(250),?y2(250);?? QVector<double>?x3(250),?y3(250);?? QVector<double>?x4(250),?y4(250);?? for?(int?i=0;?i<25;?++i)?//?data?for?graph?0?? {?? ??x0[i]?=?3*i/25.0;?? ??y0[i]?=?exp(-x0[i]*x0[i]*0.8)*(x0[i]*x0[i]+x0[i]);?? }?? for?(int?i=0;?i<15;?++i)?//?data?for?graph?1?? {?? ??x1[i]?=?3*i/15.0;;?? ??y1[i]?=?exp(-x1[i]*x1[i])*(x1[i]*x1[i])*2.6;?? ??y1err[i]?=?y1[i]*0.25;?? }?? for?(int?i=0;?i<250;?++i)?//?data?for?graphs?2,?3?and?4?? {?? ??x2[i]?=?i/250.0*3*M_PI;?? ??x3[i]?=?x2[i];?? ??x4[i]?=?i/250.0*100-50;?? ??y2[i]?=?sin(x2[i]*12)*cos(x2[i])*10;?? ??y3[i]?=?cos(x3[i])*10;?? ??y4[i]?=?0.01*x4[i]*x4[i]?+?1.5*(rand()/(double)RAND_MAX-0.5)?+?1.5*M_PI;?? }?? ??? //?pass?data?points?to?graphs:?? customPlot->graph(0)->setData(x0,?y0);?? customPlot->graph(1)->setDataValueError(x1,?y1,?y1err);?? customPlot->graph(2)->setData(x2,?y2);?? customPlot->graph(3)->setData(x3,?y3);?? customPlot->graph(4)->setData(x4,?y4);?? //?activate?top?and?right?axes,?which?are?invisible?by?default:?? customPlot->xAxis2->setVisible(true);?? customPlot->yAxis2->setVisible(true);?? //?set?ranges?appropriate?to?show?data:?? customPlot->xAxis->setRange(0,?2.7);?? customPlot->yAxis->setRange(0,?2.6);?? customPlot->xAxis2->setRange(0,?3.0*M_PI);?? customPlot->yAxis2->setRange(-70,?35);?? //?set?pi?ticks?on?top?axis:?? QVector<double>?piTicks;?? QVector<QString>?piLabels;?? piTicks?<<?0??<<?0.5*M_PI?<<?M_PI?<<?1.5*M_PI?<<?2*M_PI?<<?2.5*M_PI?<<?3*M_PI;?? piLabels?<<?"0"?<<?QString::fromUtf8("?π")?<<?QString::fromUtf8("π")?<<?QString::fromUtf8("1?π")?<<?QString::fromUtf8("2π")?<<?QString::fromUtf8("2?π")?<<?QString::fromUtf8("3π");?? customPlot->xAxis2->setAutoTicks(false);?? customPlot->xAxis2->setAutoTickLabels(false);?? customPlot->xAxis2->setTickVector(piTicks);?? customPlot->xAxis2->setTickVectorLabels(piLabels);?? //?add?title?layout?element:?? customPlot->plotLayout()->insertRow(0);?? customPlot->plotLayout()->addElement(0,?0,?new?QCPPlotTitle(customPlot,?"Way?too?many?graphs?in?one?plot"));?? //?set?labels:?? customPlot->xAxis->setLabel("Bottom?axis?with?outward?ticks");?? customPlot->yAxis->setLabel("Left?axis?label");?? customPlot->xAxis2->setLabel("Top?axis?label");?? customPlot->yAxis2->setLabel("Right?axis?label");?? //?make?ticks?on?bottom?axis?go?outward:?? customPlot->xAxis->setTickLength(0,?5);?? customPlot->xAxis->setSubTickLength(0,?3);?? //?make?ticks?on?right?axis?go?inward?and?outward:?? customPlot->yAxis2->setTickLength(3,?3);?? customPlot->yAxis2->setSubTickLength(1,?1);??
正如你所見(jiàn),你可以自由的定義那個(gè)軸作為對(duì)graph起作用。例子中索引為0的graph使用了左軸作為它的key并且下軸作為它的值。因此graph是朝著左軸向上的。
為了對(duì)graph1應(yīng)用誤差線,我們需要確保它們?cè)O(shè)置了QCPGraph::setErrorType().它常用來(lái)指定是否為這個(gè)值,鍵,或者兩者或者都不顯示誤差線。然后我們可以調(diào)用QCPGraph::setData函數(shù)將傳遞我們想要的參數(shù)。這有keys(x1),value(y1)和誤差值(ylerr)。為了進(jìn)一步的解釋這個(gè)方法的使用可以查看文檔。
Plotting date and time data
下面,我們將看到如何繪制日期和時(shí)間關(guān)聯(lián)的數(shù)據(jù)。它基本可以歸結(jié)為兩個(gè)額外的函數(shù)調(diào)用來(lái)通知坐標(biāo)軸,它應(yīng)該輸出標(biāo)簽作為日期或者時(shí)間。
[cpp] view plaincopyprint?//?set?locale?to?english,?so?we?get?english?month?names:?? customPlot->setLocale(QLocale(QLocale::English,?QLocale::UnitedKingdom));?? //?seconds?of?current?time,?we'll?use?it?as?starting?point?in?time?for?data:?? double?now?=?QDateTime::currentDateTime().toTime_t();?? srand(8);?//?set?the?random?seed,?so?we?always?get?the?same?random?data?? //?create?multiple?graphs:?? for?(int?gi=0;?gi<5;?++gi)?? {?? ??customPlot->addGraph();?? ??QPen?pen;?? ??pen.setColor(QColor(0,?0,?255,?200));?? ??customPlot->graph()->setLineStyle(QCPGraph::lsLine);?? ??customPlot->graph()->setPen(pen);?? ??customPlot->graph()->setBrush(QBrush(QColor(255/4.0*gi,160,50,150)));?? ??//?generate?random?walk?data:?? ??QVector<double>?time(250),?value(250);?? ??for?(int?i=0;?i<250;?++i)?? ??{?? ????time[i]?=?now?+?24*3600*i;?? ????if?(i?==?0)?? ??????value[i]?=?(i/50.0+1)*(rand()/(double)RAND_MAX-0.5);?? ????else?? ??????value[i]?=?fabs(value[i-1])*(1+0.02/4.0*(4-gi))?+?(i/50.0+1)*(rand()/(double)RAND_MAX-0.5);?? ??}?? ??customPlot->graph()->setData(time,?value);?? }?? //?configure?bottom?axis?to?show?date?and?time?instead?of?number:?? customPlot->xAxis->setTickLabelType(QCPAxis::ltDateTime);?? customPlot->xAxis->setDateTimeFormat("MMMM\nyyyy");?? //?set?a?more?compact?font?size?for?bottom?and?left?axis?tick?labels:?? customPlot->xAxis->setTickLabelFont(QFont(QFont().family(),?8));?? customPlot->yAxis->setTickLabelFont(QFont(QFont().family(),?8));?? //?set?a?fixed?tick-step?to?one?tick?per?month:?? customPlot->xAxis->setAutoTickStep(false);?? customPlot->xAxis->setTickStep(2628000);?//?one?month?in?seconds?? customPlot->xAxis->setSubTickCount(3);?? //?apply?manual?tick?and?tick?label?for?left?axis:?? customPlot->yAxis->setAutoTicks(false);?? customPlot->yAxis->setAutoTickLabels(false);?? customPlot->yAxis->setTickVector(QVector<double>()?<<?5?<<?55);?? customPlot->yAxis->setTickVectorLabels(QVector<QString>()?<<?"Not?so\nhigh"?<<?"Very\nhigh");?? //?set?axis?labels:?? customPlot->xAxis->setLabel("Date");?? customPlot->yAxis->setLabel("Random?wobbly?lines?value");?? //?make?top?and?right?axes?visible?but?without?ticks?and?labels:?? customPlot->xAxis2->setVisible(true);?? customPlot->yAxis2->setVisible(true);?? customPlot->xAxis2->setTicks(false);?? customPlot->yAxis2->setTicks(false);?? customPlot->xAxis2->setTickLabels(false);?? customPlot->yAxis2->setTickLabels(false);?? //?set?axis?ranges?to?show?all?data:?? customPlot->xAxis->setRange(now,?now+24*3600*249);?? customPlot->yAxis->setRange(0,?60);?? //?show?legend:?? customPlot->legend->setVisible(true);??
你可以給QCPAxis::setDateTimeFormate()傳遞一個(gè)字符串有相同的格式選項(xiàng)跟QDateTime::toString。所有的date/time都被作為秒來(lái)控制從1970.1.1 凌晨12點(diǎn)開(kāi)始。這就是你使用的格式,當(dāng)調(diào)用QDateTime::toTime_t或者setTime_t在Qt date/time類中。為了達(dá)到次秒級(jí)的精度,你可以使用QDateTime::toMSecsSinceEpoch()/1000.0結(jié)果是double值代表與toTime_t返回一樣的時(shí)間間隔,但是是毫秒級(jí)的精度。
Beyond Graphs:Curves,Bar Charts,Statistical Box Plot...
到目前位置我們只看了Graph.因?yàn)樗鼈兪沁@樣一個(gè)占主導(dǎo)地位的用例,QCustomPlot為他們提供一個(gè)特化的接口。我們始終使用它QCustomPlot::addGraph,QCustomPlot::graph.這不是故事的全部。QCustomPlot有更一般的接口來(lái)為不同的對(duì)象在Plot里繪制數(shù)據(jù)。我可以稱它們?yōu)镻lottables.這個(gè)接口圍繞抽象基類QCPAbstractPlottable被創(chuàng)建。所有的Plottables派生自這個(gè)類并且跟QCPGraph這個(gè)類相似。QCustomPlot提供了很多其他的Plottable類。
QCPGraph
這是一個(gè)plottable類,顯示一些列數(shù)據(jù)點(diǎn)作為graph.
QCPCurve
跟QCPGraph類似用不同的參數(shù)化的曲線組成。不像函數(shù)graph它們有封閉的環(huán)形。
QCPBar
一個(gè)柱狀圖。帶有一系列的數(shù)據(jù)點(diǎn)和代表它們的柱狀圖。如果這有多個(gè)QCPBars plottables.他們可以堆疊在彼此頂方。
QCPStatisticalBox
一個(gè)統(tǒng)計(jì)框。帶著五個(gè)數(shù)字(minium,lower quartile,midian,upper quartile,maximum)。
QCPColorMap
一個(gè)2D map可視化第三維度的數(shù)據(jù)通過(guò)使用一個(gè)漸變顏色。
QCPFinancial
一個(gè)plottable可以被用來(lái)可視化像股票的開(kāi)盤(pán)價(jià),最高,最低,收盤(pán)價(jià)通過(guò)使用Candlesticks或者OHLC bars
不像graphs，其他的plottables需要通過(guò)使用外面的QCustomPlot來(lái)創(chuàng)建并且把它們添加到里面QCustomPlot::addPlottable.這意味著這沒(méi)有addCurver或者addBar函數(shù)。QCustomPlot傳遞plottable的所有權(quán)。已經(jīng)存在的plottables可以通過(guò)QCustomPlot::plottable(int index)來(lái)訪問(wèn)。plottable包括graph的數(shù)量可以使用QCustomPlot::plottableCount來(lái)檢索。這有一個(gè)很簡(jiǎn)單的例子創(chuàng)建一個(gè)帶有三個(gè)柱狀的柱狀圖。
[cpp] view plaincopyprint?QCPBars?*myBars?=?new?QCPBars(customPlot->xAxis,?customPlot->yAxis);?? customPlot->addPlottable(myBars);?? //?now?we?can?modify?properties?of?myBars:?? myBars->setName("Bars?Series?1");?? QVector<double>?keyData;?? QVector<double>?valueData;?? keyData?<<?1?<<?2?<<?3;?? valueData?<<?2?<<?4?<<?8;?? myBars->setData(keyData,?valueData);?? customPlot->rescaleAxes();?? customPlot->replot();??
關(guān)于其他plottables更多的細(xì)節(jié)可以在實(shí)例里面被發(fā)現(xiàn)。更進(jìn)一步,每一個(gè)plottable類型都在文檔里有詳細(xì)的描述。
當(dāng)然，這是絕對(duì)可以的編寫(xiě)你自己的plottable來(lái)顯示你需要的任意數(shù)據(jù)。你應(yīng)該查看QCPAbstractPlottable文檔來(lái)學(xué)習(xí)如何子類化它。你也可以查看已經(jīng)存在的plottables來(lái)看他們?nèi)绾喂ぷ?。為了這個(gè)目的我建議從QCPBar或者QCPCurve開(kāi)始。QCPGraph特征很多不適合作為一個(gè)開(kāi)始。
首先你用QCustomPlot::addGraph創(chuàng)建一個(gè)曲線圖然后你給曲線圖賦一些數(shù)據(jù)點(diǎn)(一對(duì)QVector<double>為x,y的值)并且定義曲線圖的外觀(線型,分散圖案,顏色,線筆)子厚調(diào)用QCustomPlot::replot。注意replot應(yīng)該被自動(dòng)調(diào)用當(dāng)widget被重新改變大小的時(shí)候或者內(nèi)建的用戶交互被觸發(fā)的時(shí)候(拖拽坐標(biāo)軸范圍用鼠標(biāo)或者齒輪),莫ten情況下QCustomPlot有四個(gè)類型為QCPAxis的坐標(biāo)軸:xAxis,yAxis,xAxis2,yAxis2。組成了下,左,上,右四個(gè)坐標(biāo)軸。他們的范圍(QCPAxis::setRange)定義了Plot當(dāng)前可見(jiàn)的部分。
這有一個(gè)小例子customPlot是一個(gè)QCustomPlot widget的指針。
[cpp] view plaincopyprint?
輸出應(yīng)該看起來(lái)跟下面一樣。注意刻度線的位置是被自動(dòng)選擇的。然而乜可以完全控制刻度步長(zhǎng)甚至單一刻度位置通過(guò)調(diào)用setTickStep或者setTickVector在各自的軸上。為了禁用和可用自動(dòng)化，電泳setAutoTickStep或 [cpp] view plaincopyprint?
正如你看到的,應(yīng)用填充凸顯跟設(shè)置一個(gè)畫(huà)刷一樣容易但不是Qt::NoBrush.填充從圖像開(kāi)始到與坐標(biāo)軸平行的0值線。如果我們想要在一個(gè)graph和另一個(gè)graph之間填充的通道可以調(diào)用QCPGraph::setChannelFillGraph(otherGraph).為了刪除通道填充,只需要將零值線作為另一個(gè)圖形并且填充將可以達(dá)到所有的方式來(lái)把之前的作為零值線。為了完全移除填充調(diào)用QCPGraph::setBrush(Qt::NoBrush);
Plotting with multiple axes and more advanced styleing
繪制多軸和更高級(jí)的樣式
現(xiàn)在看一些復(fù)雜的例子為了創(chuàng)建演示截圖,在四個(gè)坐標(biāo)軸上包括了五個(gè)graphs,紋理填充,垂直誤差,圖例,點(diǎn)作為小數(shù)分隔符等等。
[cpp] view plaincopyprint?
正如你所見(jiàn),你可以自由的定義那個(gè)軸作為對(duì)graph起作用。例子中索引為0的graph使用了左軸作為它的key并且下軸作為它的值。因此graph是朝著左軸向上的。
為了對(duì)graph1應(yīng)用誤差線,我們需要確保它們?cè)O(shè)置了QCPGraph::setErrorType().它常用來(lái)指定是否為這個(gè)值,鍵,或者兩者或者都不顯示誤差線。然后我們可以調(diào)用QCPGraph::setData函數(shù)將傳遞我們想要的參數(shù)。這有keys(x1),value(y1)和誤差值(ylerr)。為了進(jìn)一步的解釋這個(gè)方法的使用可以查看文檔。
Plotting date and time data
下面,我們將看到如何繪制日期和時(shí)間關(guān)聯(lián)的數(shù)據(jù)。它基本可以歸結(jié)為兩個(gè)額外的函數(shù)調(diào)用來(lái)通知坐標(biāo)軸,它應(yīng)該輸出標(biāo)簽作為日期或者時(shí)間。
[cpp] view plaincopyprint?
你可以給QCPAxis::setDateTimeFormate()傳遞一個(gè)字符串有相同的格式選項(xiàng)跟QDateTime::toString。所有的date/time都被作為秒來(lái)控制從1970.1.1 凌晨12點(diǎn)開(kāi)始。這就是你使用的格式,當(dāng)調(diào)用QDateTime::toTime_t或者setTime_t在Qt date/time類中。為了達(dá)到次秒級(jí)的精度,你可以使用QDateTime::toMSecsSinceEpoch()/1000.0結(jié)果是double值代表與toTime_t返回一樣的時(shí)間間隔,但是是毫秒級(jí)的精度。
Beyond Graphs:Curves,Bar Charts,Statistical Box Plot...
到目前位置我們只看了Graph.因?yàn)樗鼈兪沁@樣一個(gè)占主導(dǎo)地位的用例,QCustomPlot為他們提供一個(gè)特化的接口。我們始終使用它QCustomPlot::addGraph,QCustomPlot::graph.這不是故事的全部。QCustomPlot有更一般的接口來(lái)為不同的對(duì)象在Plot里繪制數(shù)據(jù)。我可以稱它們?yōu)镻lottables.這個(gè)接口圍繞抽象基類QCPAbstractPlottable被創(chuàng)建。所有的Plottables派生自這個(gè)類并且跟QCPGraph這個(gè)類相似。QCustomPlot提供了很多其他的Plottable類。
QCPGraph
這是一個(gè)plottable類,顯示一些列數(shù)據(jù)點(diǎn)作為graph.
QCPCurve
跟QCPGraph類似用不同的參數(shù)化的曲線組成。不像函數(shù)graph它們有封閉的環(huán)形。
QCPBar
一個(gè)柱狀圖。帶有一系列的數(shù)據(jù)點(diǎn)和代表它們的柱狀圖。如果這有多個(gè)QCPBars plottables.他們可以堆疊在彼此頂方。
QCPStatisticalBox
一個(gè)統(tǒng)計(jì)框。帶著五個(gè)數(shù)字(minium,lower quartile,midian,upper quartile,maximum)。
QCPColorMap
一個(gè)2D map可視化第三維度的數(shù)據(jù)通過(guò)使用一個(gè)漸變顏色。
QCPFinancial
一個(gè)plottable可以被用來(lái)可視化像股票的開(kāi)盤(pán)價(jià),最高,最低,收盤(pán)價(jià)通過(guò)使用Candlesticks或者OHLC bars
不像graphs，其他的plottables需要通過(guò)使用外面的QCustomPlot來(lái)創(chuàng)建并且把它們添加到里面QCustomPlot::addPlottable.這意味著這沒(méi)有addCurver或者addBar函數(shù)。QCustomPlot傳遞plottable的所有權(quán)。已經(jīng)存在的plottables可以通過(guò)QCustomPlot::plottable(int index)來(lái)訪問(wèn)。plottable包括graph的數(shù)量可以使用QCustomPlot::plottableCount來(lái)檢索。這有一個(gè)很簡(jiǎn)單的例子創(chuàng)建一個(gè)帶有三個(gè)柱狀的柱狀圖。
[cpp] view plaincopyprint?
關(guān)于其他plottables更多的細(xì)節(jié)可以在實(shí)例里面被發(fā)現(xiàn)。更進(jìn)一步,每一個(gè)plottable類型都在文檔里有詳細(xì)的描述。
當(dāng)然，這是絕對(duì)可以的編寫(xiě)你自己的plottable來(lái)顯示你需要的任意數(shù)據(jù)。你應(yīng)該查看QCPAbstractPlottable文檔來(lái)學(xué)習(xí)如何子類化它。你也可以查看已經(jīng)存在的plottables來(lái)看他們?nèi)绾喂ぷ?。為了這個(gè)目的我建議從QCPBar或者QCPCurve開(kāi)始。QCPGraph特征很多不適合作為一個(gè)開(kāi)始。
總結(jié)
以上是生活随笔為你收集整理的使用QCustomPlot绘图的基础的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 塔拉 孤岛危机2_《孤岛危机》新作爆料！
- 下一篇： 最小二乘法幂函数C语言,跪求最小二乘法幂