PolarChartView QML Type

Affiche les données sous forme de graphiques polaires. En savoir plus…

Ce type est obsolète. Nous vous déconseillons fortement de l'utiliser dans du nouveau code.

• Liste de tous les membres, y compris les membres hérités

Description détaillée

Les graphiques polaires présentent les données sous forme de graphique circulaire, où le placement des données est basé sur l’angle et la distance par rapport au centre du graphique, le pôle.

Un graphique polaire est une spécialisation du type « ChartView ». Il prend en charge les séries de lignes, de splines, de surfaces et de nuages de points, ainsi que tous les types d’axes pris en charge par celles-ci. Chaque axe peut être utilisé soit comme axe radial, soit comme axe angulaire.

Le premier et le dernier repère d’un « ValueAxis » angulaire sont situés au même endroit, à un angle de 0/360 degrés.

Si la distance angulaire entre deux points consécutifs d’une série est supérieure à 180 degrés, toute ligne droite reliant ces deux points perd tout sens et ne sera pas tracée. À la place, une ligne sera tracée vers et depuis le centre du graphique. Par conséquent, les plages des axes doivent être choisies en conséquence lors de l’affichage de séries de lignes, de splines ou de zones.

Les graphiques polaires tracent tous les axes de même orientation à la même position ; l’utilisation de plusieurs axes de même orientation peut donc prêter à confusion, à moins que les axes supplémentaires ne servent qu’à personnaliser la grille. Par exemple, vous pouvez afficher une plage mise en évidence avec une « CategoryAxis » ombrée secondaire ou fournir des sous-graduations non libellées avec une « ValueAxis » secondaire dont les libellés sont masqués.

Le code QML suivant montre comment créer un graphique polaire avec une série spline et une série de points, ainsi que deux axes de valeurs :

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