数据选择粒度
可以通过函数QCPAbstractPlottable::setSelectable
(所有的图表类都继承自 QCPAbstractPlottable)设置数据选择的粒度,如下图所示:
数据选择方式及数据读取
一般来说,数据选择是通过鼠标来进行的,即鼠标点击或者鼠标框选,鼠标点击选择通过函数 QCustomPlot::setInteractions 设置相应的枚举量即可,如果需要多选,则需要 QCustomPlot::setMultiSelectModifier 设置多选时使用的按键以及 setInteractions 设置枚举量包含 QCP::iMultiSelect;而鼠标框选则通过 QCustomPlot::setSelectionRectMode 设置框选时的枚举类型为 srmSelect,QCustomPlot 还给了一个 srmCustom 类型让我们自定义框选时的行为,只需要连接 QCPSelectionRect::accepted 信号即可
已被选择的数据可以通过 QCPAbstractPlottable::selection 函数读取,其返回 QCPDataSelection 类,QCPDataSelection 表现为多个选择范围的集合 QList< QCPDataRange >,而 QCPDataRange 是单个数据选择的范围,包含被选择数据的开始位置以及结束位置(通俗的说就是下标 index),注意这里遵循 左闭右开 原则
多个选择部分的对象
在 QCustomPlot 中轴 QCPAxis 和图例 QCPLegend 等可以有多个部分可以被选择,由枚举 SelectablePart
决定可以被选择的部分,如图所示:
数据选择的风格
QCustomPlot 引入了 QCPSelectionDecorator
来决定数据被选择时的风格,主要有画笔、画刷和散点图三种风格
全部源码
void MainWindow::setupLineStyleDemo(QCustomPlot *customPlot)
{customPlot->legend->setVisible(true);
customPlot->legend->setFont(QFont("Helvetica", 9));
QPen pen;
QStringList lineNames;
lineNames << "lsNone" << "lsLine" << "lsStepLeft" << "lsStepRight" << "lsStepCenter" << "lsImpulse";
for (int i = QCPGraph::lsNone; i <= QCPGraph::lsImpulse; ++i)
{customPlot->addGraph();
pen.setColor(QColor(qSin(i*1+1.2)*80+80, qSin(i*0.3+0)*80+80, qSin(i*0.3+1.5)*80+80));
customPlot->graph()->setPen(pen); // 设置图表的画笔
customPlot->graph()->setName(lineNames.at(i-QCPGraph::lsNone));
customPlot->graph()->setLineStyle((QCPGraph::LineStyle)i); // 设置图表线段的风格
customPlot->graph()->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, 5)); // 设置图表散点图的样式
QVector<double> x(15), y(15);
for (int j=0; j<15; ++j)
{x[j] = j/15.0 * 5*3.14 + 0.01;
y[j] = 7*qSin(x[j])/x[j] - (i-QCPGraph::lsNone)*5 + (QCPGraph::lsImpulse)*5 + 2;
}
customPlot->graph()->setData(x, y);
customPlot->graph()->rescaleAxes(true);
}
// 放大一点
customPlot->yAxis->scaleRange(1.1, customPlot->yAxis->range().center());
customPlot->xAxis->scaleRange(1.1, customPlot->xAxis->range().center());
customPlot->xAxis->setTicks(true);
customPlot->yAxis->setTicks(true);
customPlot->xAxis->setTickLabels(true);
customPlot->yAxis->setTickLabels(true);
customPlot->axisRect()->setupFullAxesBox();
}
void MainWindow::setupSelectionDemo(QCustomPlot *customPlot)
{setupLineStyleDemo(customPlot);
customPlot->setInteractions(QCP::iSelectAxes | QCP::iSelectLegend | QCP::iSelectPlottables | QCP::iMultiSelect); // 轴、图例、图表可以被选择,并且是多选的方式
customPlot->setSelectionRectMode(QCP::srmSelect); // 鼠标框选
customPlot->setMultiSelectModifier(Qt::ControlModifier); // 使用 ctrl 键来多选
customPlot->xAxis->setSelectableParts(QCPAxis::spAxis | QCPAxis::spAxisLabel | QCPAxis::spTickLabels); // 轴的三个部分都可以被选择
customPlot->yAxis->setSelectableParts(QCPAxis::spAxis | QCPAxis::spAxisLabel | QCPAxis::spTickLabels);
customPlot->xAxis->setLabel("xAxis");
customPlot->yAxis->setLabel("yAxis");
customPlot->legend->setSelectableParts(QCPLegend::spItems); // 图例本身不能被选择,只有里面的项可以被选择
customPlot->legend->setSelectedIconBorderPen(Qt::NoPen); // 设置图例里的项被选择时不显示 Icon 的边框
for (int i=0; i < customPlot->graphCount(); ++i) {QCPGraph *graph = customPlot->graph(i);
graph->setSelectable(QCP::stDataRange);
}
// 连接 QCustomPlot 的信号,selectionChangedByUser 表明是由鼠标点击进行的选择
// 这里主要就是同步图表和图例的显示
connect(customPlot, &QCustomPlot::selectionChangedByUser, [customPlot](){for (int i=0; i < customPlot->graphCount(); ++i) {QCPGraph *graph = customPlot->graph(i);
QCPPlottableLegendItem *item = customPlot->legend->itemWithPlottable(graph);
if (item->selected() && !graph->selected())
graph->setSelection(QCPDataSelection(graph->data()->dataRange())); // 当图例项被选择时,选择图表全部的数据
else if (graph->selected())
item->setSelected(true);
}
});
}