Qt Charts示例学习(Qt 5.9 开发指南实例samp9_1)

使用QChartView + QChart显示图表

Qt Charts示例学习(Qt 5.9 开发指南实例samp9_1)_第1张图片 示例界面显示

第一步:基础设置

  • 在Qt的pro文件中,添加 Qt +=charts
  • 在需要使用QtCharts的头文件中或源文件中,使用 #include ,要是没有QtCharts先对charts添加后重新构建一下

第二步:使用QChart绘图

主要分为以下步骤:

  1. 创建QChartView的对象
  2. 创建QChart的对象
  3. QChartView的对象使用 setChart 函数绑定QChart对象
  4. 创建数据序列series,QChart对象使用  addSeries 函数添加数据序列,然后数据序列添加数据值
  5. 使用QValueAxis创建坐标轴对象,QChart对象使用 addAxis 函数添加坐标轴,最后数据序列使用 attachAxis 函数建立数据与坐标轴的联系

void MainWindow::createCharts()
{
//基础工作
    //1.创建QChartView的对象
    QChartView *chartView =new QChartView();

    //2.创建QChart的对象
    QChart *chart =new QChart();
    chart->setTitle("函数曲线");

    //3.把chart的对象绑定到QchartView上
    chartView->setChart(chart);

    //中间
    this->setCentralWidget(chartView);

//添加数据序列并放进chart中
    //图表上显示数据的称为序列series,
    QLineSeries *series0 =new QLineSeries();
    QLineSeries *series1 =new QLineSeries();
    //图表的图例
    series0->setName("sin函数");
    series1->setName("cos函数");
    //数据序列放进chart中
    chart->addSeries(series0);
    chart->addSeries(series1);

//数据序列添加值
    //qreal是数据类型,默认是double,也可是float
    qreal t=0,y1,y2,intv=0.1;
    int cnt=100;
    for(int i=0;iappend(t,y1);
        y2=qCos(t);
        series1->append(t,y2);
        t+=intv;
    }
//创建坐标轴
    QValueAxis *axisX =new QValueAxis();
    axisX->setRange(0,10);
    axisX->setTitleText("time(secs)");

    QValueAxis *axisY =new QValueAxis();
    axisY->setRange(-2,2);
    axisY->setTitleText("value");

//添加坐标轴到图表上
    //把横坐标、纵坐标添加到chart上,并设置轴标题的方向
    chart->addAxis(axisX,Qt::AlignBottom);
    chart->addAxis(axisY,Qt::AlignLeft);

    //数据序列和坐标轴区间建立连接
    series0->attachAxis(axisX);
    series0->attachAxis(axisY);

    series1->attachAxis(axisX);
    series1->attachAxis(axisY);


}

你可能感兴趣的:(Qt,5.9,C++学习开发指南代码示例学习,qt,学习,经验分享)