• QChart绘制折线区域


    效果图:

     

    代码:

        // 创建折线上点的序列
        QLineSeries *splineSeries = new QLineSeries();
        //QSplineSeries *splineSeries = new QSplineSeries();
        splineSeries->setName("spline");
    
    
        splineSeries->append(0, 6);
        splineSeries->append(2, 4);
        splineSeries->append(3, 8);
        splineSeries->append(7, 4);
        splineSeries->append(10, 5);
        *splineSeries << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);
    
    
        // 标记点
        QScatterSeries *scatterSeries = new QScatterSeries();
        scatterSeries->setPointLabelsFormat("@yPoint");
        scatterSeries->setPointLabelsVisible();
        scatterSeries->setMarkerSize(8);
        scatterSeries->append(0, 6);
        scatterSeries->append(2, 4);
        scatterSeries->append(3, 8);
        scatterSeries->append(7, 4);
        scatterSeries->append(10, 5);
        *scatterSeries << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);
    
    
        //区域填充
        QAreaSeries *series = new QAreaSeries(splineSeries);
        series->setName("Batman");
        QPen pen(0x059605);
        pen.setWidth(3);
        series->setPen(pen);
    
    
        // 使用点的序列创建图标
        QChart *chart = new QChart();
        chart->legend()->hide();
        chart->addSeries(splineSeries);
        chart->addSeries(scatterSeries);
        chart->addSeries(series);
        chart->createDefaultAxes();
        chart->axisY()->setRange(0, 10);
    
    
    //    //X轴下标
    //    QStringList categories;
    //    categories << "Jan" << "Feb" << "Mar" << "Apr" << "May" ;
    //    QBarCategoryAxis *axisX = new QBarCategoryAxis();
    //    axisX->append(categories);
    //    chart->setAxisX(axisX, scatterSeries);
    
    
    
    
    
    
        QChartView *chartView = new QChartView(chart);
        chartView->setRenderHint(QPainter::Antialiasing);
    
    
    
    
        MainWindow w;
        w.setCentralWidget(chartView);
        w.show();
  • 相关阅读:
    Vue 兄弟组件通信(不使用Vuex)
    vue2.0 #$emit,$on的使用
    Bootstrap栅格系统基本使用
    字体图标使用
    js事件委托
    帆布小球碰壁效果
    vuex -- vue的状态管理模式
    JavaScript --经典问题
    总结获取原生JS(javascript)基本操作
    git的基本操作
  • 原文地址:https://www.cnblogs.com/zhangxuan/p/10149910.html
Copyright © 2020-2023  润新知