QT学习笔记——QCharts的简单应用

       官方推出的QCharts以后,QT画图再也不用需要配置第三方的qcustomplot和qwt插件了,QCharts功能比两者都好,且易用安装和使用。我用的是目前最新版的5.11.1这个版本(强烈推荐升级)。安装的时候只需要勾选qtcharts就行了。

     首先新建一个Qt Widgets Application工程,在.pro文件里面添加如下语句:

QT    += charts

然后再程序的开头加上一个宏

QT_CHARTS_USE_NAMESPACE

都保存以后,就可以开始了。

添加QCharts必须的头文件:

#include 
#include 

然后创建实例:

 QChart *chart;
 QChartView *chartview;

还有新建一个series作为图表的数据源:

QBarSeries (用于创建柱状图)

QHorizontalBarSeries (用于创建水平柱状图)

QHorizontalPercentBarSeries (用于创建水平百分比柱状图)

QHorizontalStackedBarSeries (用于创建水平层叠图)

QPercentBarSeries (用于创建百分比柱状图)QStackedBarSeries (用于创建层叠图/堆叠的条形图)

QAreaSeries (用于创建面积图)

QBoxPlotSeries (用于创建箱形图/盒须图)

QPieSeries (用于创建饼图)

QXYSeries (线性图、曲线图、散点图的基类) 

QLineSeries (用于创建折线图) 

QSplineSeries (用于创建曲线图)

QScatterSeries (用于创建散点图)

我们画一个曲线图,所以选择QSplineSeries,添加头文件并创建实例:

#include 
QSplineSeries *series;

还要建立坐标轴(也可直接创建默认坐标轴),和选择窗口布局,添加头文件并创建实例:

#include 
#include 
QHBoxLayout *layout;
QValueAxis *axisX;
QValueAxis *axisY;

我们把它写成一个函数buildChart(),实现如下:

void MainWindow::buildChart()
{
    series = new QSplineSeries;
    chart = new QChart;
    chartview = new QChartView(chart);
    layout = new QHBoxLayout;

    //建立坐标轴
    axisX = new QValueAxis;
    axisX->setRange(0, 20);    //设置范围
    axisX->setLabelFormat("%u");   //设置刻度的格式
/************************************
    %u 无符号十进制整数
    %s 字符串
    %A 浮点数、十六进制数字和p-记法
    %c 一个字符
    %d 有符号十进制整数
    %e 浮点数、e-记数法
    %E 浮点数、E-记数法
    %f 浮点数、十进制记数法
    %g 根据数值不同自动选择%f或%e.
    %G 根据数值不同自动选择%f或%e.
    %i 有符号十进制数(与%d相同)
    %o 无符号八进制整数
    %p 指针
    %s 字符串
    %x/%X 使用十六进制数字0f的无符号十六进制整数
****************************************/
    axisX->setGridLineVisible(true);   //网格线可见
    axisX->setTickCount(10);       //设置多少个大格
    axisX->setMinorTickCount(1);   //设置每个大格里面小刻度线的数目
    axisX->setTitleText("X");  //设置描述
    //axisX->setLabelsVisible(false);//设置刻度是否可见

    axisY = new QValueAxis;
    axisY->setRange(0,10);
    axisY->setLabelFormat("%u");
    axisY->setGridLineVisible(true);
    axisY->setTickCount(10);
    axisY->setMinorTickCount(1);
    axisY->setTitleText("Y");

    chart->addAxis(axisX, Qt::AlignBottom); //下:Qt::AlignBottom  上:Qt::AlignTop
    chart->addAxis(axisY, Qt::AlignLeft);   //左:Qt::AlignLeft    右:Qt::AlignRight


    //创建数据源
    series->setPen(QPen(Qt::red,1,Qt::SolidLine));//设置曲线显示效果
    series->append(0, 6); //这里是添加数据的两种方式
    series->append(2, 4);
    series->append(3, 8);
    series->append(6, 4);
    series->append(8, 6);
    series->append(10, 5);
    *series << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);

    chart->setTitle("曲线图实例");
    chart->setAnimationOptions(QChart::SeriesAnimations);//设置曲线动画模式
    chart->legend()->hide(); //隐藏图例
    chart->addSeries(series);//输入数据
    chart->setAxisX(axisX, series);
    chart->setAxisY(axisY, series);

    //chart->createDefaultAxes(); //建立默认坐标轴,不需要QValueAxis
    //chart->axisY()->setRange(0, 10);//默认坐标轴限定范围



    //在ui里面添加了一个Widget并把曲线图添加进去
    layout->addWidget(chartview);
    ui->widget->setLayout(layout);
    chartview->setRenderHint(QPainter::Antialiasing);//防止图形走样
}

记录下来,以后忘了就不用到处找了。还有一个发现就是可以不用创建Qcharts实例,使用chartview->chart()替代代码中的chart也可以使用。没有深究。

最后的效果图贴上:

QT学习笔记——QCharts的简单应用_第1张图片

你可能感兴趣的:(学习)