Qt图形图像开发之Qt曲线图美化QChart QScatterSeries 空心点阵图，鼠标移动到上面显示数值，鼠标移开数值消失效果实例

  QChart *chart = new QChart();
  chart->legend()->setVisible(false);
  ui->chartView->setChart(chart);
  ui->chartView->setRenderHint(QPainter::Antialiasing);
 
  chart->setBackgroundBrush(QBrush(QColor(248, 251, 255)));

  QChart *chart = ui->chartView->chart();
  chart->removeAllSeries();
  chart->removeAxis(chart->axisX());
  chart->removeAxis(chart->axisY());
 
  //折线图
  QLineSeries *series0 = new QLineSeries();
 
  QPen pen;
  pen.setStyle(Qt::SolidLine);
  pen.setWidth(4);
  pen.setColor(QColor(21, 100, 255));
  series0->setPen(pen);//折现序列的线条设置
  QLineSeries *series0 = (QLineSeries *)ui->chartView->chart()->series().at(0);
 
  series0->clear();
 
  qsrand(QTime::currentTime().second());
 
  qreal t=0, y1, intv=1;
  qreal rd;
  int cnt=16;
  for (int i=0; i<cnt; i++)
  {
    rd = (qrand() % 100);
    y1=rd;
    series0->append(t, y1);
    t+=intv;
  }

  QScatterSeries *series1 = new QScatterSeries();
  series1->setMarkerShape(QScatterSeries::MarkerShapeCircle);//圆形的点
  series1->setBorderColor(QColor(21, 100, 255)); //离散点边框颜色
  series1->setBrush(QBrush(QColor(21, 100, 255)));//离散点背景色
  series1->setMarkerSize(12); //离散点大小
  QLineSeries *series0 = (QLineSeries *)ui->chartView->chart()->series().at(0);
  QScatterSeries *series1 = (QScatterSeries *)ui->chartView->chart()->series().at(1);
 
  series0->clear();
  series1->clear();
 
  qsrand(QTime::currentTime().second());
 
  qreal t=0, y1, intv=1;
  qreal rd;
  int cnt=16;
  for (int i=0; i<cnt; i++)
  {
    rd = (qrand() % 100);
    y1=rd;
    series0->append(t, y1);
    series1->append(t, y1);
 
    t+=intv;
  }

  series1->setBorderColor(QColor(21, 100, 255)); //离散点边框颜色
  series1->setBrush(QBrush(QColor(21, 100, 255)));//离散点背景色
  series1->setMarkerSize(12); //离散点大小

  //散点图(用于边框)
  QScatterSeries *series1 = new QScatterSeries();
  series1->setMarkerShape(QScatterSeries::MarkerShapeCircle);//圆形的点
  series1->setBorderColor(QColor(21, 100, 255)); //边框颜色
  series1->setBrush(QBrush(QColor(21, 100, 255)));//背景颜色
  series1->setMarkerSize(12);           //点大小
 
  //散点图(用于中心)
  QScatterSeries *series2 = new QScatterSeries();
  series2->setMarkerShape(QScatterSeries::MarkerShapeCircle);//圆形的点
  series2->setBorderColor(Qt::white);//边框颜色
  series2->setBrush(QBrush(Qt::white));//背景颜色
  series2->setMarkerSize(6);//点大小
 
  chart->addSeries(series1);
  chart->addSeries(series2);
  QLineSeries *series0 = (QLineSeries *)ui->chartView->chart()->series().at(0);
  QScatterSeries *series1 = (QScatterSeries *)ui->chartView->chart()->series().at(1);
  QScatterSeries *series2 = (QScatterSeries *)ui->chartView->chart()->series().at(2);
 
  series0->clear();
  series1->clear();
  series2->clear();
 
  qsrand(QTime::currentTime().second());
 
  qreal t=0, y1, intv=1;
  qreal rd;
  int cnt=16;
  for (int i=0; i<cnt; i++)
  {
    rd = (qrand() % 100);
    y1=rd;
    series0->append(t, y1);
    series1->append(t, y1);
    series2->append(t, y1);
 
    t+=intv;
  }

connect(series2, &QScatterSeries::hovered, this, &TDMTrendChartForm::slotPointHoverd);//用于鼠标移动到点上显示数值

void TDMTrendChartForm::slotPointHoverd(const QPointF &point, bool state)
{
  if (state) {
    m_valueLabel->setText(QString::asprintf("%1.0f%", point.y()));
 
    QPoint curPos = mapFromGlobal(QCursor::pos());
    m_valueLabel->move(curPos.x() - m_valueLabel->width() / 2, curPos.y() - m_valueLabel->height() * 1.5);//移动数值
 
    m_valueLabel->show();//显示出来
  }
  else
    m_valueLabel->hide();//进行隐藏
 
}