PolarChartView QML Type | Qt Charts 5.7

Qt 5.7 | Qt Charts | QML Types | PolarChartView QML Type

Qt 5.7.1 Reference Documentation

# PolarChartView QML Type

Polar chart element. More...

Import Statement: | import QtCharts 2.1

- List of all members, including inherited members

## Detailed Description

PolarChartView element is the parent that is responsible for showing different chart series types in a polar chart.

Polar charts support line, spline, area, and scatter series, and all axis types supported by those series.

Note: When setting ticks to an angular ValueAxis, keep in mind that the first and last tick are co-located at 0/360 degree angle.

Note: If the angular distance between two consecutive points in a series is more than 180 degrees, any line connecting the two points becomes meaningless, so choose the axis ranges accordingly when displaying line, spline, or area series.

The following QML shows how to create a polar chart with two series:

      PolarChartView {
          title: "Two Series, Common Axes"
          anchors.fill: parent
          legend.visible: false
          antialiasing: true

          ValueAxis {
              id: axisAngular
              min: 0
              max: 20
              tickCount: 9
          }

          ValueAxis {
              id: axisRadial
              min: -0.5
              max: 1.5
          }

          SplineSeries {
              id: series1
              axisAngular: axisAngular
              axisRadial: axisRadial
              pointsVisible: true
          }

          ScatterSeries {
              id: series2
              axisAngular: axisAngular
              axisRadial: axisRadial
              markerSize: 10
          }
      }

      // Add data dynamically to the series
      Component.onCompleted: {
          for (var i = 0; i <= 20; i++) {
              series1.append(i, Math.random());
              series2.append(i, Math.random());
          }
      }