QT charts 动态刷新曲线图

前沿

         用vs+QT开发应用程序时，当需要显示图表时，使用QtCharts是不错的选择。QtCharts是Qt提供的图表模块，在Qt5.7以前只有商业版才有QtCharts，但是从5.7开始，社区版也包含了QtCharts。QtCharts可以很方便地绘制常见的折线图、柱状图、饼图等图表。

概念介绍

1、QChart   

类管理图表中的线、图例和轴的图形表示

2、QChartView

视图组件。一般在窗口设计界面上使用QChartView时，先放置一个QGraphicsView组件，然后升级为QChartView。

QChartView通过 setChart将QChart 添加为显示的图表。

ui.charView->setChart(chart);

3、QLineSeries

序列是数据的表现形式。也就是我们需要展示的数据。一般通过 chart->addSeries，将数据添加到图表。

当然，数据有多种类型，比如QSplineSeries等。

4、QValueAxis

座标轴。一般的图表都有横轴和纵轴两个座标轴。

chart->addAxis(axisX, Qt::AlignBottom);设置座标轴与QChart   的关系。

serial->attachAxis(axisX); 设置数据与座标轴的关系。

 

创建工程

要注意勾选 Charts模块，这样创建的工程，才会自动添加 QtCharts需要的头文件和lib文件。

在窗口设计界面上使用QChartView时，先放置一个QGraphicsView组件，然后升级为QChartView。

示例代码

1、初始化Charts

Fidx = 0;
	FmaxX = 0;
	FmaxY = 0;
	FminX = 1000;
	FminY = 1000;

	//创建QChart 和 QLineSeries
	chart = new QChart;
	serial = new QLineSeries();
	serial->setPointsVisible(true);
	chart->removeAllSeries();
	serial->clear();
	
	//创建 座标轴
	QValueAxis* axisX = new QValueAxis;
	QValueAxis* axisY = new QValueAxis;
	axisX->setTitleText(bcq::str2qstr("时间")); //标题
	axisY->setTitleText(bcq::str2qstr("y")); //标题

	//关联chart、axisX、serial
	chart->addAxis(axisX, Qt::AlignBottom);
	chart->addAxis(axisY, Qt::AlignLeft);

	chart->addSeries(serial);
	serial->attachAxis(axisX);
	serial->attachAxis(axisY);

	chart->setTitle(bcq::str2qstr("test"));
	chart->legend()->hide();// clear up bar
	chart->setAnimationOptions(QChart::SeriesAnimations);

	ui.charView->setChart(chart);
	ui.charView->setRenderHint(QPainter::Antialiasing);

	chart->axisX()->setMin(0);
	chart->axisX()->setMax(1);

	chart->axisY()->setMin(175);
	chart->axisY()->setMax(225);

2、通过信号槽，动态添加需要显示的数据

//最多显示100个
	int count = serial->points().size();
	if (count >100)
	{
		serial->remove(0);
	}

	//改变座标轴的范围
	chart->axisX()->setMin(FmaxX-100);
	chart->axisX()->setMax(FmaxX);
	//chart->axisY()->setMin(FminY);
	//chart->axisY()->setMax(FmaxY);

	//添加数据到serial
	serial->append(QPointF(x, y));