ScatterSeries QML Type

Le type ScatterSeries présente les données sous forme de nuages de points. En savoir plus…

• Liste de tous les membres, y compris les membres hérités
• ScatterSeries fait partie des types QML 2D d'Qt Graphs .

Propriétés

• pointDelegate : Component

Description détaillée

Les données de nuage de points sont affichées sous forme d'un ensemble de points sur le graphique. Pour chaque point, deux valeurs sont spécifiées afin de déterminer sa position sur l'axe horizontal et sur l'axe vertical.

Vous pouvez représenter des données de nuage de points en créant une instance de `ScatterSeries` au sein d'GraphsView. Les données peuvent être ajoutées au graphique en créant des instances de `XYPoints` en tant qu'enfants de la `ScatterSeries`, qui définissent les valeurs x et y de chaque point.

GraphsView {
    anchors.fill: parent
    axisX: ValueAxis {
        max: 3
    }
    axisY: ValueAxis {
        max: 3
    }

    ScatterSeries {
        color: "#00ff00"
        XYPoint { x: 0.5; y: 0.5 }
        XYPoint { x: 1; y: 1 }
        XYPoint { x: 2; y: 2 }
        XYPoint { x: 2.5; y: 1.5 }
    }
}

Il est possible de créer plusieurs graphiques de nuages de points en ajoutant plusieurs objets `ScatterSeries` en tant qu’enfants de ` GraphsView`. Dans ce cas, une seule série doit définir l’axe utilisé, car les définitions multiples ne font que remplacer les précédentes.

GraphsView {
    anchors.fill: parent
    ScatterSeries {
        color: "#00ff00"
        axisX: ValueAxis {
            max: 3
        }
        axisY: ValueAxis {
            max: 3
        }

        XYPoint { x: 0.5; y: 0.5 }
        XYPoint { x: 1; y: 1 }
        XYPoint { x: 2; y: 2 }
        XYPoint { x: 2.5; y: 1.5 }
    }

    ScatterSeries {
        color: "#ff0000"
        XYPoint { x: 0.5; y: 3 }
        XYPoint { x: 1; y: 2 }
        XYPoint { x: 2; y: 2.5 }
        XYPoint { x: 2.5; y: 1 }
    }
}

Documentation sur les propriétés

pointDelegate : Component

Indique les points associés au composant QML donné.

pointDelegate: Image {
    source: "images/happy_box.png"
}