Изменение анимации qml lineseries

@dopleref · Регистрация: 15.12.2015

Author24 — интернет-сервис помощи студентам

Уважаемые знатоки выручайте!
Пытаюсь делать динамический график изменения параметра во времени
(график в координатах напряжение - время). Обновляю график
каждую секунду по таймеру. Для lineseries включил анимацию:
animationOptions: ChartView.SeriesAnimations, т.к. без нее, на мой
взгляд обновление графика выглядит не очень красиво, но т.к.
мое приложение работает произвольное количество времени, то
мне нужно удалять точки из начала графика, иначе приложение
виснет. При удалении точек, с включенной анимацией,
график начинает моргать, мне данный эффект не подходит,
подскажите как можно убрать данное моргание графика.
Мой код:

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

Javascript

import QtQuick 2.7
import QtCharts 2.1
 
ChartView {
    id: root
    width: 800
    height: 400
    title: "Test"
    antialiasing: true
    animationOptions: ChartView.SeriesAnimations
 
    property var min: new Date()
    property var max: new Date()
 
    property int counter: 0
    property int valueY: 0
 
    property point points: []
 
    function genRandValue() {
        return Math.random() * 120
    }
 
    function upVerticalRange(value) {
        if (axisY.max < value + 1) {
            axisY.max = Math.ceil((value + 1) / 10) * 10
        }
    }
 
    function update() {
        max = new Date()
        var s = root.series("test");
        var valueY = genRandValue();
        s.append(max, valueY)
        if (s.count > 11) {
            s.remove(0)
        }
        console.log(s.count)
 
        upVerticalRange(valueY);
 
        axisX.max = max
        min = max
        min.setSeconds(min.getSeconds() - 10)
        axisX.min = min
    }
 
    DateTimeAxis {
        id: axisX
        format: "hh:mm:ss"
        tickCount: 10
        titleText: "test"
    }
 
    ValueAxis {
        id: axisY
        tickCount: 6
        min: 0
        max: 0
        titleText: "test"
    }
 
    Component.onCompleted: {
        axisX.min = min
        axisX.max = new Date()
        var s = root.createSeries(
                ChartView.SerieTypeLine,
                "test", axisX, axisY)
        update();
    }
 
    Timer {
        interval: 1000; running: true; repeat: true
        onTriggered: {
            update()
        }
    }
}

@~~Digital_Cry~~ · 27.12.2017, 14:02

нужно рисовать график самому, а не посредствам всяких забагованных chart view, сейчас пример найду, кому-то тут уже демки делал

@~~Digital_Cry~~ · 27.12.2017, 14:11

Вот, нашёл. Посмотри как рисовать графики на QML

@dopleref · 27.12.2017, 14:25 **[ТС]**

Digital_Cry,
Жесткая демка!
Спасибо за помощь буду разбираться!
Я использую qml, потому что полагаю что это проще,
но похоже в данной ситуации я действительно наткнулся на баг(

@~~Digital_Cry~~ · 27.12.2017, 17:49

Сообщение от dopleref

о похоже в данной ситуации я действительно наткнулся на баг

конечно, да и потом, их там не мало. Это ж какая-то фигня не особо к Qt относящаяся и особо не поддерживаемая... Точнее с недавних времён она входит в состав Qt, но она перекочевала туда из платной версии Qt, делалась на виджетах, потом портировалас на QML...

Сообщение от dopleref

Жесткая демка!

Сообщение от dopleref

Я использую qml, потому что полагаю что это проще,

конечно, на нём вообще всё в плане GUI проще делать, но всё же, рисовать графику лучше плюсами так сказать или на OpenGL и рисовать нужно в Item-е QML. В чистом QML для рисования есть только убогий canvas, там свои тонкости, да и баги есть...

Сообщение от dopleref

буду разбираться!

Там суть в чём:
1. Создаёшь класс, унаследованный от QQuickPaintedItem, реализуешь в нём чисто виртуальную функцию paint и рисуешь в ней через QPainter что угодно.
2. Для того, что бы этот класс был как бы Item-ом в QML, его нужно зарегистрировать в, как правило, main.cpp через qmlRegisterType<Renderer>("Demo", 1, 0, "Renderer") (не забываем заинклюдить его #include "renderer.h").
3. После этого, ты можешь использовать свой класс как графический элемент QML, то есть как обычный Item и применять к нему всю мощь QML, всякие анимации, таймеры и пр.. А, стоп, что бы QML код знал про твой зарегистрированный класс, тебе нужно его импортировать в QML, как и всё другое, то есть написать в QML в начале файла: import Demo 1.0
Всё.

Собственно, откуда все эти названия в ипорте и при регистрации... Смотри, функция qmlRegisterType в main.cpp принимает:
1. тип шаблона - <Render> - то есть твой класс.
2. 4 аргумента:
первый - название твоего QML плагина. В QML, всё, что импортируешь - называется плагинами.
второй - мажорная версия твоего плагина
третий - минорная версия твоего плагина
четвёртый - псевдо имя твоего класса, то есть алиас, то есть грубо говоря имя, которым ты в QML будешь называть свой класс, я обычно ставлю такое же, как и имя С++ класса.

По сути, все эти имена и версии ты можешь любые ставить, но обычно, имя плагина я ставлю одно для всех своих однотипны классов, что бы подключив в QML один плагин, мне все они сразу стали доступны... Версии - ой..это долгий разговор, ровно как и то, как сделать внешний стэндалон плагин и инсталлить его в Qt вместе с проектом, забей. Просто ставь любые версии, которые больше понравятся, например 1.0

Вот тебе вдогонку ещё одна демка, я тут на форуме их лепил всяким нубам, а толку ноль, всё равно они ничего не поняли, может хоть тебе пригодиться

@dopleref · 28.12.2017, 09:02 **[ТС]**

Digital_Cry, Спасибо огромное,
за такое полное и подробное объяснение!
Разобрался с демками, теперь буду переделывать
под свою задачу.

Не по теме:

С наступающим новым годом!

@~~Digital_Cry~~ · 28.12.2017, 10:56

Не по теме:

Сообщение от dopleref

С наступающим новым годом!

:senor:

@~~Digital_Cry~~ Заблокирован
	27.12.2017, 14:02	2
	нужно рисовать график самому, а не посредствам всяких забагованных chart view, сейчас пример найду, кому-то тут уже демки делал 1

@dopleref 42 / 52 / 33 Регистрация: 15.12.2015 Сообщений: 199
	27.12.2017, 14:25 [ТС]	4
	Digital_Cry, Жесткая демка! Спасибо за помощь буду разбираться! Я использую qml, потому что полагаю что это проще, но похоже в данной ситуации я действительно наткнулся на баг( 0

@dopleref 42 / 52 / 33 Регистрация: 15.12.2015 Сообщений: 199
	28.12.2017, 09:02 [ТС]	6
	Digital_Cry, Спасибо огромное, за такое полное и подробное объяснение! Разобрался с демками, теперь буду переделывать под свою задачу. Не по теме: С наступающим новым годом! 0

@~~Digital_Cry~~
	28.12.2017, 10:56 Изменение анимации qml lineseries #7
	Не по теме: Сообщение от dopleref С наступающим новым годом! :senor: 0

Опции темы

Изменение анимации qml lineseries

Решение