Qt圖形圖像開發(fā)之高性能曲線圖模塊QCustomplot庫詳細(xì)使用方法與實(shí)例(支持動(dòng)、靜曲線圖)

//他繼承QWidget 所以構(gòu)造里面 放控件就會(huì)畫到控件上
QCustomPlot *pCustomPlot = new QCustomPlot(ui->label);
//添加一條曲線
QCPGraph* pgraph = pCustomPlot->addGraph();
//給曲線準(zhǔn)備數(shù)據(jù) 設(shè)置數(shù)據(jù) 
  QVector<double> x(80000);
  QVector<double> y(80000);
  for(int i = 0; i<x.size();i++)
  {
    x[i] = i;
    if(i%2==0)
      y[i] = 10;
    else
      y[i] = 20;
  }
	
	//設(shè)置數(shù)據(jù)
  pCustomPlot->graph(0)->setData(x,y);
	//設(shè)置Y軸范圍
  pCustomPlot->yAxis->setRange(0,30);
	//x軸名字
  pCustomPlot->xAxis->setLabel("X");
  //Y軸名字
  pCustomPlot->yAxis->setLabel("Y");
	//設(shè)置大小
  pCustomPlot->resize(ui->label->width(),ui->label->height());
	//可以進(jìn)行鼠標(biāo)位置 放大縮小 拖拽 放大縮小坐標(biāo)系！??！功能非常強(qiáng)大
  pCustomPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);
	//重繪 每次改變完以后都要調(diào)用這個(gè)進(jìn)行重新繪制
  pCustomPlot->replot();

  QCustomPlot* p2 = new QCustomPlot(ui->label_2);
  QVector<double> time;
  QVector<double> y;
	//模擬幾個(gè)時(shí)間 .toTime_t()是轉(zhuǎn)換為 時(shí)間戳 從1970年到現(xiàn)在的秒數(shù)
  time<<QDateTime::fromString("2019-01-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
  time<<QDateTime::fromString("2019-01-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
  time<<QDateTime::fromString("2019-02-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
  time<<QDateTime::fromString("2019-02-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
  time<<QDateTime::fromString("2019-03-27 13:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
  y<<5<<15<<5<<15<<5;
	
	//增加一條線
  p2->addGraph();
  //設(shè)置Y軸范圍
  p2->yAxis->setRange(0,20);
  
	//QCPAxisTickerDateTime 時(shí)間坐標(biāo)軸 必須要用 智能指針 
  QSharedPointer<QCPAxisTickerDateTime> timer(new QCPAxisTickerDateTime);
	//設(shè)置時(shí)間格式
  timer->setDateTimeFormat("yyyy-MM-dd");
  //設(shè)置時(shí)間軸 一共幾格
  //timer->setTickCount(6);
  //設(shè)置label 旋轉(zhuǎn)30° 橫著顯示可能顯示不全 
  p2->xAxis->setTickLabelRotation(30);
  // timer->setTickStepStrategy(QCPAxisTicker::tssMeetTickCount);
	//設(shè)置坐標(biāo)軸
  p2->xAxis->setTicker(timer);
  p2->xAxis->setRange(time.at(0),time.at(4));
  p2->graph(0)->setData(time,y);
  p2->resize(ui->label_2->width(),ui->label_2->height());
   p2->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);

		//QVector<double> sx_vec,xAxis_vec 存放數(shù)據(jù)的容器
 	
		//m_chartPoint_counter 計(jì)數(shù)器 一直增加 來一條數(shù)據(jù)增加一下 控制x軸前進(jìn) 實(shí)現(xiàn)動(dòng)態(tài)效果
	
		//這時(shí)容器里面還沒10個(gè)點(diǎn) 所有一直向里面存
    if(m_chartPoint_counter < 10)
    {
    	
      sx_vec.append(sx_);
      xAxis_vec.append(m_chartPoint_counter);
	
			//設(shè)置范圍正好 能顯示當(dāng)前點(diǎn)				
      sx_plot->xAxis->setRange(0,xAxis_vec.at(xAxis_vec.size()-1));
     
    }
    else
    {
    	//容器數(shù)據(jù)現(xiàn)在是正好10個(gè) 把第一個(gè)出棧 把第11個(gè)入棧 正好還是10個(gè)數(shù)據(jù)
      sx_vec.removeFirst();
      xAxis_vec.removeFirst();
			
			//入棧
      xAxis_vec.append(m_chartPoint_counter);
      sx_vec.append(sx_);
			//設(shè)置范圍正好 能顯示當(dāng)前點(diǎn)		
      sx_plot->xAxis->setRange(xAxis_vec.at(0),xAxis_vec.at(
                     xAxis_vec.size()-1));
    }
		//設(shè)置Y軸坐標(biāo)系 自動(dòng)縮放以正常顯示所有的數(shù)據(jù)
    sx_plot->yAxis->rescale(true);
  	//設(shè)置數(shù)據(jù)
    sx_plot->graph()->setData(xAxis_vec,sx_vec);
		//重繪制
    sx_plot->replot();
	//這里必須要一直增加 如果增加到10就不增加 效果就是第10個(gè)點(diǎn)一直變化 不會(huì)出現(xiàn)動(dòng)態(tài)效果
	m_chartPoint_counter++;

//圖像數(shù)據(jù)清空
QCPGraph* thresholdY_line；
thresholdY_line->data().data()->clear();