Как установить масштабирование для просмотра QML-диаграмм - PullRequest
Новая
       36

Как установить масштабирование для просмотра QML-диаграмм

0 голосов
/ 26 апреля 2018

Я занимаюсь разработкой приложения для представления данных с использованием QT QML и QTCharts. Я использую ChartView и ряд линий для отображения данных XY. Все работает отдельно от сжатия и масштабирования графика. Приложение предназначено для мобильных сенсорных устройств.

Я хочу иметь возможность сжимать и масштабировать график и устанавливать начало масштабирования в центре пинча. В настоящее время у меня это работает, но график всегда увеличивается только от центра графика.

Возможно ли это в QML?

Спасибо за любую помощь.

1 Ответ

0 голосов
/ 27 апреля 2018

Решение состоит в том, чтобы использовать метод zoomIn(rect rectangle), который может получить в качестве параметра прямоугольник, который будет виден, в вашем случае прямоугольник должен иметь в качестве центра точку, в которой вы щелкнете. 

import QtQuick 2.9
import QtQuick.Window 2.2
import QtCharts 2.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    ChartView {
        id: chartView
        anchors.fill: parent
        theme: ChartView.ChartThemeBrownSand
        antialiasing: true

        LineSeries {
            name: "LineSeries"
            XYPoint { x: 0; y: 0 }
            XYPoint { x: 1.1; y: 2.1 }
            XYPoint { x: 1.9; y: 3.3 }
            XYPoint { x: 2.1; y: 2.1 }
            XYPoint { x: 2.9; y: 4.9 }
            XYPoint { x: 3.4; y: 3.0 }
            XYPoint { x: 4.1; y: 3.3 }
        }

        MouseArea{
            anchors.fill: parent
            onDoubleClicked: chartView.zoomReset();
        }

        PinchArea{
            id: pa
            anchors.fill: parent
            onPinchUpdated: {
                chartView.zoomReset();
                var center_x = pinch.center.x
                var center_y = pinch.center.y
                var width_zoom = height/pinch.scale;
                var height_zoom = width/pinch.scale;
                var r = Qt.rect(center_x-width_zoom/2, center_y - height_zoom/2, width_zoom, height_zoom)
                chartView.zoomIn(r)
            }

        }
    }
}
...