QScatterSeries理论总结
- 一、概述
- 二、使用
- 三、扩展
- 四、扩展使用
- 1.创建描述散点图对象
- 2. 对散点图像添加值
- 3. 自定义散点
- 4. 将绘图设备与散点图对象联系
- 5. 设置坐标轴
- 6. 将绘图设备与GUI控件绑定并显示
一、概述
QScatterSeries 类以散点图的形式呈现数据。散点数据在图表上显示为点的集合。对于每个点，都指定了两个值，用于确定它在水平轴和垂直轴上的位置。同时，这个这个类是继承至 QXYSeries 类，散点图的很多功能特性和 QLineSeries 和 QSplineSeries 基本一致的。都是横纵坐标代表一个数据。使用的一些概念的话 可以参考我的这边 Qt扫盲-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();
