LineChart Example

The example shows how to create a simple line chart.
This example shows how to create a simple line chart.
insert image description here

Running the Example

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

Creating Line Charts

To create a line chart, a QLineSeries instance is needed. Let's create one.
To create a line chart, a QLineSeries instance is needed. Let's create one.

      QLineSeries *series = new QLineSeries();

Then we add data to the series. We can use the append() member function or use the stream operator.
You can use the append() member function or use the stream operators.

      series->append(0, 6);
      series->append(2, 4);
      series->append(3, 8);
      series->append(7, 4);
      series->append(10, 5);
      *series << QPointF(11, 1) << QPointF(13, 3) << QPointF(17, 6) << QPointF(18, 3) << QPointF(20, 2);

To present the data on the chart we need a QChart instance. We add the series to it, create the default axes, and set the title of the chart
. We add the series to it, create the default axes, and set the chart's title.

      QChart *chart = new QChart();
      chart->legend()->hide();
      chart->addSeries(series);
      chart->createDefaultAxes();
      chart->setTitle("Simple line chart example");

Then we create a QChartView object with QChart as a parameter. This way we don't need to create a QGraphicsView scene ourselves. We also set the Antialiasing on to have the rendered lines look nicer. Then we use QChart as a parameter to create a QChartView
object . This way we don't need to create the QGraphicsView scene ourselves. We also set anti-aliasing to make the rendered lines look better.

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

The chart is ready to be shown.
The chart is ready to be shown.

      QMainWindow window;
      window.setCentralWidget(chartView);
      window.resize(400, 300);
      window.show();

Example project @ code.qt.io
© 2019 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners.
The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation.
Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.

[Document translation] Qt Charts simple line chart example document

LineChart Example

Running the Example

Creating Line Charts

Guess you like