ScatterSeries QML Type

Le type ScatterSeries présente les données dans des graphiques en nuage de points. Plus d'informations...

• Liste de tous les membres, y compris les membres hérités
• ScatterSeries fait partie de Qt Graphs QML Types for 2D.

Propriétés

• pointDelegate : Component

Description détaillée

Les données de dispersion sont affichées sous la forme d'une collection de points sur le graphique. Pour chaque point, deux valeurs sont spécifiées pour déterminer sa position sur l'axe horizontal et l'axe vertical.

Vous pouvez représenter les données de dispersion en créant une ScatterSeries à l'intérieur de GraphsView. Les données peuvent être ajoutées au graphique en créant des XYPoints comme enfants du 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 dispersion en ajoutant plusieurs 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 définitions 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

Marque des points avec le composant QML donné.

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