QWT读取MySQL数据并绘制图形_Qwt扩展之-数据拾取(示例代码)

在文章之前,首先看看这篇文章要实现的效果:

a2a9f678d4cf60a8b88d6bdf376b5459.gif

数据拾取就是在鼠标经过线条时,会捕获一些特征数据,上图是捕获离鼠标最接近的点。

Qwt提供了拾取数据的现成的类,同时也留有非常好的接口,用户可以任意扩展,下面就介绍Qwt专门负责拾取数据及鼠标跟踪用的QwtPicker及其子类。并对其扩展,构建一个用于显示鼠标经过图像时捕获最近点的拾取器。

拾取器

Qwt拾取器QwtPicker,用于显示鼠标经过图像时的信息,内置了一些坐标变换和鼠标位置及动作等函数

QwtPicker

QwtPicker的继承关系如下图所示

b39f3f1f314eed1ec86958bbda1fc65b.png

这个类可以捕获当前鼠标位置及动作,同时使用户在图表上显示一些特殊的信息。

拾取器的”橡皮圈“(Rubber Band)

所谓橡皮圈,就是在图表上的一些附加显示

QwtPicker有个QwtPicker::RubberBand的枚举,此枚举例举了默认的橡皮圈:

HLineRubberBand

A horizontal line ( only for QwtPickerMachine::PointSelection )

VLineRubberBand

A vertical line ( only for QwtPickerMachine::PointSelection )

CrossRubberBand

A crosshair ( only for QwtPickerMachine::PointSelection )

RectRubberBand

A rectangle ( only for QwtPickerMachine::RectSelection )

EllipseRubberBand

An ellipse ( only for QwtPickerMachine::RectSelection )

PolygonRubberBand

A polygon ( only for QwtPickerMachine::PolygonSelection )

UserRubberBand

Values >= UserRubberBand can be used to define additional rubber bands.

HLineRubberBand是一个水平线,VLineRubberBand是一个垂直线,CrossRubberBand是十字线,如下图所示:

0e16771234530ab633424d949ab9b560.png

坐标变换

在重写拾取器之前需要先了解qwt的一些函数,其中最重要的就是坐标变换问题

由于qwt是一个绘图控件,图形有图形刻度的坐标,控件有控件的坐标,可能图形坐标x轴是0到100万,y轴是0到10万,这个图却在屏幕上只有x方向600像素,y方向400像素,这时,鼠标在图形屏幕上点(200,200)位置,对应图形坐标的位置是多少,这需要一个转变,QwtPlotPicker内置两个函数实现图形屏幕坐标到图形数值坐标的转换以及逆转换:

把图形数值坐标转换为屏幕坐标:

QRect transform (const QRectF &) const

QPoint transform (const QPointF &) const

把屏幕坐标转换为图形数值坐标:

QRectF invTransform (const QRect &) const

QPointF invTransform (const QPoint &) const

有了这两个函数,就可以方便的对坐标进行转换了。

自定义拾取器

虽然Qwt内置了几种常用的”橡皮圈“,但是使用者肯定有许多不一样的需求,例如本文开头显示的图片所示,随着鼠标的移动,自动捕抓最近的点,并把最近点的信息显示出来,且文字颜色也有相应的改变,这种特殊要求,就必须自己重写QwtPicker

重写QwtPicker主要需要重写如下虚函数:

//用于控制显示文字内容及区域的:

virtual QwtText trackerText (const QPoint &pos) const

virtual QRect trackerRect (const QFont &) const

//用于控制’橡皮筋‘RubberBand的绘制的

virtual void drawRubberBand (QPainter *) const

//用于控制追踪鼠标显示的内容(默认是显示文字及一个矩形背景)

virtual void drawTracker (QPainter *) const

drawRubberBand

为了实现上面追踪最近点的拾取器

这里自定义一个拾取器,继承于QwtPlotPicker

头文件:

#include

class QwtPlotCurve;

class SAXYDataTracker: public QwtPlotPicker

{

public:

SAXYDataTracker(QWidget * canvas);

protected:

virtual void drawRubberBand (QPainter *painter) const;

};

实现文件:

SAXYDataTracker::SAXYDataTracker(QWidget* canvas) :

QwtPlotPicker( canvas )

{

setTrackerMode( QwtPlotPicker::ActiveOnly );

setRubberBand( UserRubberBand );

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 以下是绘制伪彩图的示例代码: ```c #include <stdio.h> #include <stdlib.h> #include <math.h> #include <qwt/qwt_plot.h> #include <qwt/qwt_plot_canvas.h> #include <qwt/qwt_plot_layout.h> #include <qwt/qwt_plot_colorbar.h> #include <qwt/qwt_scale_widget.h> #include <qwt/qwt_scale_draw.h> #include <qwt/qwt_plot_grid.h> #include <qwt/qwt_plot_marker.h> #include <qwt/qwt_plot_curve.h> #include <qwt/qwt_symbol.h> #include <qwt/qwt_legend.h> #include <qwt/qwt_legend_item.h> #include <qwt/qwt_plot_directpainter.h> #define WIDTH 800 #define HEIGHT 600 class ColorMap: public QwtLinearColorMap { public: ColorMap(): QwtLinearColorMap( Qt::darkCyan, Qt::red ) { addColorStop( .1, Qt::cyan ); addColorStop( .3, Qt::green ); addColorStop( .6, Qt::yellow ); addColorStop( .9, Qt::red ); } }; class ColorScale: public QwtScaleDraw { public: ColorScale(): QwtScaleDraw() { setTickLength( QwtScaleDiv::MinorTick, ); setTickLength( QwtScaleDiv::MediumTick, ); setTickLength( QwtScaleDiv::MajorTick, 5 ); setTickLength( QwtScaleDiv::MajorTick, 5 ); setTickLength( QwtScaleDiv::MajorTick, 5 ); setTickLength( QwtScaleDiv::MajorTick, 5 ); } virtual QwtText label( double value ) const { return QwtText( QString::number( value, 'f', 1 ) ); } }; class ColorBar: public QwtPlotColorBar { public: ColorBar( const QString &title ): QwtPlotColorBar( title ) { setOrientation( Qt::Vertical ); setColorMap( new ColorMap() ); setDrawBorder( false ); setDrawTicks( true ); setTickLength( , 2 ); setSpacing( 5 ); setMargin( ); setScaleDraw( new ColorScale() ); } }; class Plot: public QwtPlot { public: Plot( QWidget *parent = NULL ): QwtPlot( parent ) { setTitle( "Pseudo Color Plot" ); setCanvasBackground( Qt::white ); setAxisScale( QwtPlot::xBottom, ., 1. ); setAxisScale( QwtPlot::yLeft, ., 1. ); setAxisTitle( QwtPlot::xBottom, "X Axis" ); setAxisTitle( QwtPlot::yLeft, "Y Axis" ); setAxisFont( QwtPlot::xBottom, QFont( "Arial", 10, QFont::Bold ) ); setAxisFont( QwtPlot::yLeft, QFont( "Arial", 10, QFont::Bold ) ); setAxisScaleDraw( QwtPlot::xBottom, new QwtScaleDraw() ); setAxisScaleDraw( QwtPlot::yLeft, new QwtScaleDraw() ); setAxisLabelRotation( QwtPlot::xBottom, -45. ); setAxisLabelAlignment( QwtPlot::xBottom, Qt::AlignLeft | Qt::AlignBottom ); setAxisLabelAlignment( QwtPlot::yLeft, Qt::AlignRight | Qt::AlignTop ); setAxisMaxMajor( QwtPlot::xBottom, 6 ); setAxisMaxMinor( QwtPlot::xBottom, 5 ); setAxisMaxMajor( QwtPlot::yLeft, 6 ); setAxisMaxMinor( QwtPlot::yLeft, 5 ); setAxisAutoScale( QwtPlot::xBottom, true ); setAxisAutoScale( QwtPlot::yLeft, true ); setAxisScaleEngine( QwtPlot::xBottom, new QwtLinearScaleEngine() ); setAxisScaleEngine( QwtPlot::yLeft, new QwtLinearScaleEngine() ); setPlotLayout( new QwtPlotLayout() ); setCanvas( new QwtPlotCanvas() ); setCanvasBackground( Qt::white ); setCanvasLineWidth( 1 ); QwtPlotGrid *grid = new QwtPlotGrid(); grid->setPen( Qt::gray, ., Qt::DotLine ); grid->attach( this ); QwtPlotMarker *marker = new QwtPlotMarker(); marker->setLabel( QString( "Marker" ) ); marker->setLabelAlignment( Qt::AlignRight | Qt::AlignBottom ); marker->setLineStyle( QwtPlotMarker::HLine ); marker->setLinePen( Qt::black, ., Qt::SolidLine ); marker->setYValue( .5 ); marker->attach( this ); QwtPlotCurve *curve = new QwtPlotCurve(); curve->setPen( Qt::blue, 2., Qt::SolidLine ); curve->setRenderHint( QwtPlotItem::RenderAntialiased ); curve->setLegendAttribute( QwtPlotCurve::LegendShowLine ); curve->setLegendAttribute( QwtPlotCurve::LegendShowSymbol ); curve->setLegendAttribute( QwtPlotCurve::LegendNoCurve ); curve->setLegendAttribute( QwtPlotCurve::LegendNoSymbol ); curve->setLegendAttribute( QwtPlotCurve::LegendNoFrame ); curve->setLegendAttribute( QwtPlotCurve::LegendNoTitle ); curve->setLegendAttribute( QwtPlotCurve::LegendNoIcon ); curve->setLegendAttribute( QwtPlotCurve::LegendNoLabel ); curve->setLegendAttribute( QwtPlotCurve::LegendNoAttribute ); curve->setSymbol( new QwtSymbol( QwtSymbol::Ellipse, Qt::blue, Qt::NoPen, QSize( 8, 8 ) ) ); curve->setSamples( new QPolygonF( QVector<QPointF>() << QPointF( ., . ) << QPointF( .2, .4 ) << QPointF( .4, .2 ) << QPointF( .6, .6 ) << QPointF( .8, .8 ) << QPointF( 1., 1. ) ) ); curve->attach( this ); QwtLegend *legend = new QwtLegend(); legend->setItemMode( QwtLegend::CheckableItem ); legend->setFrameStyle( QFrame::Box | QFrame::Sunken ); insertLegend( legend, QwtPlot::RightLegend ); ColorBar *colorBar = new ColorBar( "Color Scale" ); colorBar->attach( this ); setAutoReplot( true ); resize( WIDTH, HEIGHT ); } }; int main( int argc, char **argv ) { QApplication app( argc, argv ); Plot plot; plot.show(); return app.exec(); } ``` 希望能对你有所帮助! ### 回答2: 下面是一个使用qwt绘制伪彩图的示例代码: ```cpp #include <QApplication> #include <QWidget> #include <Qwt/qwt_plot.h> #include <Qwt/qwt_plot_spectrogram.h> #include <Qwt/qwt_plot_layout.h> int main(int argc, char *argv[]) { QApplication a(argc, argv); // 创建一个QWidget作为父窗口 QWidget w; w.resize(500, 500); // 创建一个QwtPlot作为子窗口 QwtPlot plot(&w); plot.setCanvasBackground(Qt::white); // 创建一个QwtPlotSpectrogram作为伪彩图对象 QwtPlotSpectrogram spectrogram; spectrogram.setColorMap(new QwtLinearColorMap(Qt::black, Qt::red)); spectrogram.attach(&plot); // 生成伪彩图数据 const int rows = 100; const int columns = 100; QVector<double> data(rows*columns); for (int i = 0; i < rows; i++) { for (int j = 0; j < columns; j++) { data[i*columns+j] = i+j; } } spectrogram.setData(QRectF(0, 0, columns, rows), data); // 设置布局 QwtPlotLayout layout; plot.setLayout(&layout); plot.replot(); // 显示窗口 w.show(); return a.exec(); } ``` 以上代码实现了一个简单的伪彩图绘制程序。首先创建一个QWidget对象作为父窗口,然后创建一个QwtPlot对象作为子窗口,并设置其背景色。接下来创建一个QwtPlotSpectrogram对象作为伪彩图对象,并设置颜色映射为从黑色到红色。然后生成伪彩图的数据,并将数据传递给伪彩图对象。最后设置布局,并显示窗口。 运行程序后,将会显示一个大小为500x500像素的窗口,窗口中绘制了一个伪彩图,颜色由黑到红表示数据从低到高的变化。 ### 回答3: qwt是一个用于绘制图表和曲线的C++库,它提供了丰富的功能和灵活的接口。在qwt中,绘制伪彩图需要进行如下几个步骤。 首先,需要包含相关的头文件。在代码开头添加以下语句: ```cpp #include <qwt_plot.h> #include <qwt_plot_spectrogram.h> #include <qwt_matrix_raster_data.h> ``` 然后,创建一个QwtPlot对象和QwtPlotSpectrogram对象。代码示例如下: ```cpp QwtPlot *plot = new QwtPlot(); QwtPlotSpectrogram *spectrogram = new QwtPlotSpectrogram(); ``` 接下来,需要创建数据并为QwtPlotSpectrogram设置数据。可以使用QwtMatrixRasterData来创建数据,并使用示例数据填充矩阵。代码示例如下: ```cpp QwtMatrixRasterData *data = new QwtMatrixRasterData(); data->setValueMatrix(matrix, rowCount, columnCount); spectrogram->setData(data); ``` 在上述代码中,`matrix`是一个二维数组,表示颜色值的矩阵。`rowCount`和`columnCount`是矩阵的行和列数。 将QwtPlotSpectrogram对象添加到QwtPlot对象中: ```cpp spectrogram->attach(plot); ``` 最后,显示和更新绘图窗口: ```cpp plot->show(); plot->replot(); ``` 以上就是qwt绘制伪彩图的示例代码。根据实际的需求和数据,可以进行相应的修改和调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值