跨平台开发框架Qt v6.1:如何创建简单的面积图?

Qt是一个跨平台框架，通常用作图形工具包，它不仅创建CLI应用程序中非常有用。而且它也可以在三种主要的台式机操作系统以及移动操作系统（如Symbian，Nokia Belle，Meego Harmattan，MeeGo或BB10）以及嵌入式设备，Android（Necessitas）和iOS的端口上运行。现在我们为你提供了免费的试用版。

可前往慧都网下载Qt6最新版

Qt组件推荐：

• QtitanRibbon 遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件，致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
• QtitanChart :是一个C ++库，代表一组控件，这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。并且支持所有主要的桌面

该示例显示了如何创建简单的面积图。

运行示例

要从Qt Creator运行示例，请打开“欢迎”模式，然后从“示例”中选择示例。有关更多信息，请访问构建和运行示例。

创建面积图

要创建面积图，我们需要两个QLineSeries实例。他们将定义区域的上下边界。

    QLineSeries *series0 = new QLineSeries();
    QLineSeries *series1 = new QLineSeries();

我们将数据添加到两个序列中，并使用流运算符。

    *series0 << QPointF(1, 5) << QPointF(3, 7) << QPointF(7, 6) << QPointF(9, 7) << QPointF(12, 6)
             << QPointF(16, 7) << QPointF(18, 5);
    *series1 << QPointF(1, 3) << QPointF(3, 4) << QPointF(7, 3) << QPointF(8, 2) << QPointF(12, 3)
             << QPointF(16, 4) << QPointF(18, 3);

现在，我们使用两个线系列对象创建一个QAreaSeries实例。我们设置轮廓的自定义渐变填充和宽度。

    QAreaSeries *series = new QAreaSeries(series0, series1);
    series->setName("Batman");
    QPen pen(0x059605);
    pen.setWidth(3);
    series->setPen(pen);

    QLinearGradient gradient(QPointF(0, 0), QPointF(0, 1));
    gradient.setColorAt(0.0, 0x3cc63c);
    gradient.setColorAt(1.0, 0x26f626);
    gradient.setCoordinateMode(QGradient::ObjectBoundingMode);
    series->setBrush(gradient);

最后，我们创建QChartView实例，设置标题，设置抗锯齿，并添加区域序列。我们还将创建默认轴并在其上指定范围。

    QChart *chart = new QChart();
    chart->addSeries(series);
    chart->setTitle("Simple areachart example");
    chart->createDefaultAxes();
    chart->axes(Qt::Horizontal).first()->setRange(0, 20);
    chart->axes(Qt::Vertical).first()->setRange(0, 10);

该图表已准备好显示。

    QChartView *chartView = new QChartView(chart);
    chartView->setRenderHint(QPainter::Antialiasing);