Как добавить текст в область построения диаграммы в qml - PullRequest
Новая
       31

Как добавить текст в область построения диаграммы в qml

0 голосов
/ 19 февраля 2019

Как разместить текст в определенных (x, y) местах в области построения типа QML ChartView?

Например, я хотел бы разместить текст в месте XYPoint {x: -3;Y: 20} Я не хочу размещать в окне (x, y), я хочу поместить в области построения (x, y)

Я читаю документацию, но не нахожу никакого свойства!!!!!!

// ChartView для построения точек 

ChartView{
    id:chrt
    anchors.fill: parent
    height: parent.height
    width: parent.width
    legend.visible: false
    backgroundColor: "black"


    //X- axis
    ValueAxis{
        id: x_axis
        min: -5
        max: 0
        tickCount: 6
    }

    //Right Y axis
    ValueAxis{
        id:right_y_axis
        min:0
        max:40
        tickCount: 5
    }

    //Left Y axis
    ValueAxis{
        id:left_y_axis
        min:0
        max:40
        tickCount: 5
    }

    //Line series for wave 1
    LineSeries{
        id:l1
        axisY: left_y_axis
        axisX:x_axis
        color: "yellow"
        width: 1
    }

    //Line series for wave 2
    LineSeries{
        id:l2
        axisYRight: right_y_axis
        style: Qt.DashLine
        color: "yellow"
        width: 0.6
    }
}

1 Ответ

0 голосов
/ 19 февраля 2019

Хорошо, вы можете использовать ChartView.mapToPosition , чтобы вычислить глобальную позицию указанной точки из ряда (или некоторой другой точки внутри ряда), например: 

ChartView{
    id:chart
    anchors.fill: parent
    backgroundColor: "black"

    LineSeries{
        id: series
        XYPoint { x: 10; y: 5  }
        XYPoint { x: 10; y: 1 }
        XYPoint { x: 15; y: 5 }
        XYPoint { x: 20; y: 10 }
        XYPoint { x: 25; y: 5 }
        XYPoint { x: 30; y: 20 }
        XYPoint { x: 40; y: 10 }
    }

    Text {
        id: txt
        text: "Hello"
        color: "white"
    }

    onWidthChanged: updatePointPosition();
    onHeightChanged: updatePointPosition();

    function updatePointPosition()
    {
        var p = chart.mapToPosition(series.at(3), series);
        txt.x = p.x;
        txt.y = p.y;
    }
}
...