PolarChartView QML Type

Stellt Daten in Polardiagrammen dar. Mehr...

Dieser Typ ist veraltet. Wir raten dringend davon ab, ihn in neuem Code zu verwenden.

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Ausführliche Beschreibung

Polardiagramme stellen Daten in einem kreisförmigen Diagramm dar, wobei die Platzierung der Daten auf dem Winkel und dem Abstand vom Mittelpunkt des Diagramms, dem Pol, basiert.

Ein Polardiagramm ist eine Spezialisierung des Typs „ ChartView “. Es unterstützt Linien-, Spline-, Flächen- und Streudiagrammreihen sowie alle von diesen unterstützten Achsenarten. Jede Achse kann entweder als Radial- oder als Winkelachse verwendet werden.

Die erste und letzte Skalenmarkierung eines Winkel- ValueAxis s liegen bei einem Winkel von 0/360 Grad.

Wenn der Winkelabstand zwischen zwei aufeinanderfolgenden Punkten einer Reihe mehr als 180 Grad beträgt, verliert jede direkte Linie, die die beiden Punkte verbindet, ihre Bedeutung und wird nicht gezeichnet. Stattdessen wird eine Linie zum und vom Mittelpunkt des Diagramms gezogen. Daher müssen die Achsenbereiche bei der Darstellung von Linien-, Spline- oder Flächenreihen entsprechend gewählt werden.

Polardiagramme zeichnen alle Achsen derselben Ausrichtung an derselben Position, sodass die Verwendung mehrerer Achsen derselben Ausrichtung verwirrend sein kann, es sei denn, die zusätzlichen Achsen dienen ausschließlich der Anpassung des Rasters. Sie können beispielsweise einen hervorgehobenen Bereich mit einer sekundären schattierten Achse „ CategoryAxis “ anzeigen oder unbeschriftete Unterteiler mit einer sekundären Achse „ ValueAxis “ bereitstellen, deren Beschriftungen ausgeblendet sind.

Der folgende QML-Code zeigt, wie man ein Polardiagramm mit einer Spline- und einer Streuungsreihe sowie zwei Wertachsen erstellt:

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());
        }
    }
}