Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

Place text in plotting area of QML ChartView



  • How do I place text at specific (x,y) locations within the plotting area of a QML ChartView type?
    For example, I would like to place text at the location XYPoint{x: 1.3; Y: 5.8}
    I don't want to place at window's(x,y), i want to put at plotting area's (x,y)

    I read documentation, but i don't find any property !!!!!!



  • I got it, a simple example i am attaching for those who may need this in future

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

Log in to reply