Qt QScatterSeries理论总结

一、概述
　　QScatterSeries 类以散点图的形式呈现数据。散点数据在图表上显示为点的集合。对于每个点，都指定了两个值，用于确定它在水平轴和垂直轴上的位置。同时，这个这个类是继承至 QXYSeries 类，散点图的很多功能特性和 QLineSeries 和 QSplineSeries 基本一致的。都是横纵坐标代表一个数据。使用的一些概念的话 可以参考我的这边 QXYSeries理论总结。 这个 类其实也就是描述这个图含有的数据属性。至于绘图其实就是绘图控件的事情啦。

二、使用

最简单的一个流程用法就是:

• 声明一个这个图数据的对象，
• 对这个对象赋值和设置属性
• 把这个图数据放到显示这个图的控件上就行。

  QScatterSeries* series = new QScatterSeries();
  series->append(0, 6);
  series->append(2, 4);
  ...
  chart->addSeries(series);

三、扩展
散点图提供了两种散点的形状

• QScatterSeries::MarkerShapeCircle ：圆形（默认的）
• QScatterSeries::MarkerShapeRectangle ：方形

但是我们可以可以自己绘制这个散点的形状，像上面的五角星即是自己绘制的形状

四、扩展使用

1.创建描述散点图对象

要创建散点图，需要一个QScatterSeries实例。这里我们创建了3个散点序列实例，并设置了散点形状和散点大小。

  QScatterSeries *series0 = new QScatterSeries();
  series0->setName("scatter1");
  series0->setMarkerShape(QScatterSeries::MarkerShapeCircle);
  series0->setMarkerSize(15.0);

  QScatterSeries *series1 = new QScatterSeries();
  series1->setName("scatter2");
  series1->setMarkerShape(QScatterSeries::MarkerShapeRectangle);
  series1->setMarkerSize(20.0);

  QScatterSeries *series2 = new QScatterSeries();
  series2->setName("scatter3");
  series2->setMarkerShape(QScatterSeries::MarkerShapeRectangle);
  series2->setMarkerSize(30.0);

2. 对散点图像添加值

我们添加要显示的数据。我们可以使用append()成员函数，也可以使用流操作符。

  series0->append(0, 6);
  series0->append(2, 4);
  series0->append(3, 8);
  series0->append(7, 4);
  series0->append(10, 5);

  *series1 << QPointF(1, 1) << QPointF(3, 3) << QPointF(7, 6) << QPointF(8, 3) << QPointF(10, 2);
  *series2 << QPointF(1, 5) << QPointF(4, 6) << QPointF(6, 3) << QPointF(9, 5);

3. 自定义散点

我们可以将散点形状的Brush定义为QPainter 。这里的QPainter 是使用QPainterPath创建的星形。

  QPainterPath starPath;
  starPath.moveTo(28, 15);
  for (int i = 1; i < 5; ++i) {
      starPath.lineTo(14 + 14 * qCos(0.8 * i * M_PI),
                      15 + 14 * qSin(0.8 * i * M_PI));
  }
  starPath.closeSubpath();

  QImage star(30, 30, QImage::Format_ARGB32);
  star.fill(Qt::transparent);

  QPainter painter(&star);
  painter.setRenderHint(QPainter::Antialiasing);
  painter.setPen(QRgb(0xf6a625));
  painter.setBrush(painter.pen().color());
  painter.drawPath(starPath);

  series2->setBrush(star);
  series2->setPen(QColor(Qt::transparent));

4. 将绘图设备与散点图对象联系

最后我们启用反锯齿，设置图表标题，并将散点序列添加到图表中。我们还禁用了投影，因为它在只显示图表视图的应用程序上看起来不太好。

  setRenderHint(QPainter::Antialiasing);
  chart()->addSeries(series0);
  chart()->addSeries(series1);
  chart()->addSeries(series2);

  chart()->setTitle("Simple scatterchart example");
  chart()->createDefaultAxes();
  chart()->setDropShadowEnabled(false);

5. 设置坐标轴

我们也可以使用散点作为图例标记。

 chart()->legend()->setMarkerShape(QLegend::MarkerShapeFromSeries);

6. 将绘图设备与GUI控件绑定并显示

图表已经准备好了。

ChartView *chartView = new ChartView();
QMainWindow window;
window.setCentralWidget(chartView);
window.resize(400, 300);
window.show();