Qt QScatterSeries理论总结

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

二、使用

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

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

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

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

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

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

四、扩展使用

1.创建描述散点图对象

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

 1   QScatterSeries *series0 = new QScatterSeries();
 2   series0->setName("scatter1");
 3   series0->setMarkerShape(QScatterSeries::MarkerShapeCircle);
 4   series0->setMarkerSize(15.0);
 5 
 6   QScatterSeries *series1 = new QScatterSeries();
 7   series1->setName("scatter2");
 8   series1->setMarkerShape(QScatterSeries::MarkerShapeRectangle);
 9   series1->setMarkerSize(20.0);
10 
11   QScatterSeries *series2 = new QScatterSeries();
12   series2->setName("scatter3");
13   series2->setMarkerShape(QScatterSeries::MarkerShapeRectangle);
14   series2->setMarkerSize(30.0);

2. 对散点图像添加值

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

1   series0->append(0, 6);
2   series0->append(2, 4);
3   series0->append(3, 8);
4   series0->append(7, 4);
5   series0->append(10, 5);
6 
7   *series1 << QPointF(1, 1) << QPointF(3, 3) << QPointF(7, 6) << QPointF(8, 3) << QPointF(10, 2);
8   *series2 << QPointF(1, 5) << QPointF(4, 6) << QPointF(6, 3) << QPointF(9, 5);

3. 自定义散点

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

 1   QPainterPath starPath;
 2   starPath.moveTo(28, 15);
 3   for (int i = 1; i < 5; ++i) {
 4       starPath.lineTo(14 + 14 * qCos(0.8 * i * M_PI),
 5                       15 + 14 * qSin(0.8 * i * M_PI));
 6   }
 7   starPath.closeSubpath();
 8 
 9   QImage star(30, 30, QImage::Format_ARGB32);
10   star.fill(Qt::transparent);
11 
12   QPainter painter(&star);
13   painter.setRenderHint(QPainter::Antialiasing);
14   painter.setPen(QRgb(0xf6a625));
15   painter.setBrush(painter.pen().color());
16   painter.drawPath(starPath);
17 
18   series2->setBrush(star);
19   series2->setPen(QColor(Qt::transparent));

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

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

1   setRenderHint(QPainter::Antialiasing);
2   chart()->addSeries(series0);
3   chart()->addSeries(series1);
4   chart()->addSeries(series2);
5 
6   chart()->setTitle("Simple scatterchart example");
7   chart()->createDefaultAxes();
8   chart()->setDropShadowEnabled(false);

5. 设置坐标轴

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

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

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

图表已经准备好了。

1 ChartView *chartView = new ChartView();
2 QMainWindow window;
3 window.setCentralWidget(chartView);
4 window.resize(400, 300);
5 window.show();