一、概述
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();
