首页
学习
活动
专区
圈层
工具
发布

Qt官方示例-极坐标图

❝该示例演示了如何创建具有多个不同系列的简单极坐标图。它还演示了如何实现极坐标图的滚动和缩放,以及直观地展示了极坐标图和笛卡尔图是如何相互关联的。❞

创建极坐标图

  创建极坐标图是使用QPolarChart实例而不是QChart实例完成的。

代码语言:javascript
复制
QPolarChart *chart = new QPolarChart();

  轴的创建与笛卡尔图表相似,但是将轴添加到图表时,可以使用极坐标方向而不是对齐方式。

代码语言:javascript
复制
QValueAxis *angularAxis = new QValueAxis();
angularAxis->setTickCount(9); // First and last ticks are co-located on 0/360 angle.
angularAxis->setLabelFormat("%.1f");
angularAxis->setShadesVisible(true);
angularAxis->setShadesBrush(QBrush(QColor(249, 249, 255)));
chart->addAxis(angularAxis, QPolarChart::PolarOrientationAngular);

QValueAxis *radialAxis = new QValueAxis();
radialAxis->setTickCount(9);
radialAxis->setLabelFormat("%d");
chart->addAxis(radialAxis, QPolarChart::PolarOrientationRadial);

  在逻辑上,极坐标图的缩放和滚动与笛卡尔图的缩放和滚动几乎相同。主要区别在于,当沿X轴(角轴)滚动时,将使用角度代替像素数。另一个区别是无法缩放到矩形。

代码语言:javascript
复制
void ChartView::keyPressEvent(QKeyEvent *event)
{
    switch (event->key()) {
    case Qt::Key_Plus:
        chart()->zoomIn();
        break;
    case Qt::Key_Minus:
        chart()->zoomOut();
        break;
    case Qt::Key_Left:
        chart()->scroll(-1.0, 0);
        break;
    case Qt::Key_Right:
        chart()->scroll(1.0, 0);
        break;
    case Qt::Key_Up:
        chart()->scroll(0, 1.0);
        break;
    case Qt::Key_Down:
        chart()->scroll(0, -1.0);
        break;
    case Qt::Key_Space:
        switchChartType();
        break;
    default:
        QGraphicsView::keyPressEvent(event);
        break;
    }
}

  笛卡尔图和极坐标图都可以使用相同的轴和系列,尽管不能同时使用。要在图表类型之间切换,首先需要从旧图表中删除系列和轴,然后将它们添加到新图表中。如果要保留轴范围,则也需要复制这些范围。

代码语言:javascript
复制
void ChartView::switchChartType()
{
    QChart *newChart;
    QChart *oldChart = chart();

    if (oldChart->chartType() == QChart::ChartTypeCartesian)
        newChart = new QPolarChart();
    else
        newChart = new QChart();

    // Move series and axes from old chart to new one
    const QList<QAbstractSeries *> seriesList = oldChart->series();
    const QList<QAbstractAxis *> axisList = oldChart->axes();
    QList<QPair<qreal, qreal> > axisRanges;

    for (QAbstractAxis *axis : axisList) {
        QValueAxis *valueAxis = static_cast<QValueAxis *>(axis);
        axisRanges.append(QPair<qreal, qreal>(valueAxis->min(), valueAxis->max()));
    }

    for (QAbstractSeries *series : seriesList)
        oldChart->removeSeries(series);

    for (QAbstractAxis *axis : axisList) {
        oldChart->removeAxis(axis);
        newChart->addAxis(axis, axis->alignment());
    }

    for (QAbstractSeries *series : seriesList) {
        newChart->addSeries(series);
        for (QAbstractAxis *axis : axisList)
            series->attachAxis(axis);
    }

    int count = 0;
    for (QAbstractAxis *axis : axisList) {
        axis->setRange(axisRanges[count].first, axisRanges[count].second);
        count++;
    }

    newChart->setTitle(oldChart->title());
    setChart(newChart);
    delete oldChart;
}

关于更多

  • 「QtCreator软件」可以找到:
  • 或在以下「Qt安装目录」找到:
代码语言:javascript
复制
C:\Qt\{你的Qt版本}\Examples\{你的Qt版本}\charts\polarchart
  • 「相关链接」
代码语言:javascript
复制
https://doc.qt.io/qt-5/qtcharts-polarchart-example.html
下一篇
举报
领券