QT的QChartView类的用法实例说明

参考实例

 

Zoom Line Example

https://doc.qt.io/qt-5/qtcharts-zoomlinechart-example.html

 

QChartView类讲解

QChart类和QChartView类的关系，类似于MFC中的文档与视图的关系。QChart类主要是组织图表的内容（文档类），QChartView用于展示图表（视图类）。

每个QChartView对象都绑定一个QChart对象。可以在构造函数中传入QChart对象的指针，也可以通过setChart()函数设置。

与QChart相关的函数

void setChart(QChart *chart)

QChart *chart() const

 

与RubberBand相关的函数

QChartView的另一个功能是设置RubberBand类型。

RubberBands rubberBand() const

void setRubberBand(const RubberBands &rubberBand)

RubberBand类型有4种：

    enum  RubberBand {
        NoRubberBand = 0x0,
        VerticalRubberBand = 0x1,
        HorizontalRubberBand = 0x2,
        RectangleRubberBand = 0x3
    };

含义如下：

 

实例讲解

在官方实例的基础上，增加以下代码。主要功能是，不同的按键设置不同的RubberBand类型

void ChartView::keyPressEvent(QKeyEvent *event)
{
    switch (event->key())
    {
    ....（其他代码）

    // 以下为新增
    case Qt::Key_0:
        setRubberBand(QChartView::NoRubberBand);
        break;

    case Qt::Key_1:
        setRubberBand(QChartView::VerticalRubberBand);
        break;

    case Qt::Key_2:
        setRubberBand(QChartView::HorizontalRubberBand);
        break;

    case Qt::Key_3:
        setRubberBand(QChartView::RectangleRubberBand);
        break;


    default:
        break;
    }

}

默认效果

 

矩形橡皮圈效果

按数字3，将执行以下代码：

setRubberBand(QChartView::RectangleRubberBand);

可以在图表的绘图区拉出矩形橡皮圈：

放手后，橡皮圈部分将放大显示，填满两个绘图区：

水平橡皮圈效果

按数字2，将执行以下代码：

setRubberBand(QChartView::HorizontalRubberBand);

可以在图表的绘图区拉出水平橡皮圈：

松手后，将所选矩形水平放大：

 

竖直橡皮圈效果

按数字1，将执行以下代码：

setRubberBand(QChartView::VerticalRubberBand);

可以在图表的绘图区拉出竖直橡皮圈：

松手后，效果为：

 

无橡皮圈效果

执行 setRubberBand(QChartView::NoRubberBand);设置为无橡皮圈效果，则无法在绘图区拖出选定区域，也就不会进行缩放了。