Реклама

ChartView. Отображение метки данных точки серии при наведении курсора

Спасибо большущее за советы! Все получилось через ScatterSeries. Методы remove() как-то сходу не дались, удаляет в первый раз, а потом программа падает... Не стал тратить время и воспользовался методом replace(). Все идеально, работает шустро! Еще раз спасибо!

ChartView {
                id: chartIzmerHh
                objectName: "chartIzmerHh"
                property int count
                property var array_dateX
                property var array_valueY
                property var array_valueY1
                property var array_valueY2
                property real oldX        //сюда записываем координату текущей точки scatter для метода replace()
                property real oldY        //сюда записываем координату текущей точки scatter для метода replace()
                visible: false
                anchors.top: rec_filter.bottom
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                antialiasing: true
                legend.visible: false                
                title: "Средняя вибрация на холостом ходу"
                ValueAxis {
                    id: axiY
                    min: 0
                }
                DateTimeAxis {
                    id: axiX
                    format: "dd-MM-yyyy"
                    min: rec_filter.date_begin
                    max: rec_filter.date_end
                }
                LineSeries {
                    id: line1
                    property string date_x
                    property string value_y
                    color: "lightgreen"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                    onHovered: {
//форматируем дату по x и значение по y
                        var d = new Date(point.x),
                        month = '' + (d.getMonth() + 1),
                        day = '' + d.getDate(),
                        year = d.getFullYear();
                        if (month.length < 2) month = '0' + month;
                        if (day.length < 2) day = '0' + day;
                        date_x = ([day, month, year].join('-')).toString()
                        value_y = ((point.y).toFixed(2)).toString()
//заменяем старую точку на новую
                        scatter.replace(chartIzmerHh.oldX, chartIzmerHh.oldY, point.x, point.y)
//перезаписываем текущие координаты, они станут старыми при следующем вызове onHovered и уйдут в replace()
                        chartIzmerHh.oldX = point.x
                        chartIzmerHh.oldY = point.y
                    }
                }
                ScatterSeries {
                    id: scatter
                    pointLabelsVisible: true
                    pointLabelsClipping: false
                    pointLabelsFont: bold
                    pointLabelsFormat: "" + line1.value_y +" ; "+ line1.date_x + ""  //сюда пишем отформатированные текущие значения
                    color: "lightgreen"
                    borderColor: "black"
                    axisY: axiY
                    axisX: axiX
                }
                LineSeries {
                    id: line2
                    color: "tomato"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                }
                LineSeries {
                    id: line
                    color: "#03a9f5"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                }
                Component.onCompleted: {
                    var xx = []
                    var yy = []
                    var yy1 = []
                    var yy2 = []
                    var max = 0
                    for(var i=0;i<count;i++){
                        xx[i] = Date.parse(array_dateX[i])
                        yy[i] = Number(array_valueY[i])
                        yy1[i] = Number(array_valueY1[i])
                        yy2[i] = Number(array_valueY2[i])
                        if(yy[i]>max){
                            max = yy[i]
                        }
                        if(yy1[i]>max){
                            max = yy1[i]
                        }
                        if(yy2[i]>max){
                            max = yy2[i]
                        }
                        line.append(xx[i], yy[i])
                        line1.append(xx[i], yy1[i])
                        line2.append(xx[i], yy2[i])                        
                    }
//ставим сразу точку на график (меня интересует последняя) и записываем ее текущее значение, которое потом уйдет в replace()
                    oldX = xx[count-1]
                    oldY = yy1[count-1]
                    scatter.append(xx[count-1], yy1[count-1])
                    max = Math.round(max) + 1
                    axiY.max = max
                    console.log(oldX,oldY)
                }
            }

ChartView. Отображение метки данных точки серии при наведении курсора

Спасибо, тоже нашел и получил значения благодаря point.x и point.y. Отформатировал значение даты и вывел искомые значения в прямоугольник. Теперь столкнулся с проблемой перемещения прямоугольника к курсору мыши при срабатывании onHovered(). Использовать MouseArea и брать оттуда mouseX и mouseY не вариант, так как MouseArea перекроет LineSeries и события onHovered никогда не получим. Подскажите, есть какие-нибудь варианты решить проблему?

ChartView {
                id: chartIzmerHh
                objectName: "chartIzmerHh"
                property int count
                property var array_dateX
                property var array_valueY
                property var array_valueY1
                property var array_valueY2
                visible: false
                anchors.top: rec_filter.bottom
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                antialiasing: true
                legend.visible: false
                title: "Средняя вибрация на холостом ходу"
                Rectangle {
                    id: rec_hovered
                    color: "yellow"
                    width: text_hovered1.width
                    height: text_hovered1.height + text_hovered2.height
                    Text {
                        id: text_hovered1
                        anchors.bottom: text_hovered2.top
                        text: line1.date_x //сюда выводим значение x при срабатывании onHovered
                    }
                    Text {
                        id: text_hovered2
                        anchors.bottom: parent.bottom
                        text: line1.value_y ////сюда выводим значение y при срабатывании onHovered
                    }
                }
                ValueAxis {
                    id: axiY
                    min: 0
                }
                DateTimeAxis {
                    id: axiX
                    format: "dd-MM-yyyy"
                    min: rec_filter.date_begin
                    max: rec_filter.date_end
                }
                LineSeries {
                    id: line1
                    property string date_x
                    property string value_y
                    color: "lightgreen"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                    onHovered: {
                        var d = new Date(point.x),                    //форматируем дату
                        month = '' + (d.getMonth() + 1),
                        day = '' + d.getDate(),
                        year = d.getFullYear();
                        if (month.length < 2) month = '0' + month;
                        if (day.length < 2) day = '0' + day;
                        date_x = ([day, month, year].join('-')).toString()
                        value_y = ((point.y).toFixed(2)).toString()   //форматируем значение по y
                    }

                }
                LineSeries {
                    id: line2
                    color: "tomato"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                }
                LineSeries {
                    id: line
                    color: "#03a9f5"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                }
                Component.onCompleted: {
                    var xx = []
                    var yy = []
                    var yy1 = []
                    var yy2 = []
                    var max = 0
                    for(var i=0;i<count;i++){
                        xx[i] = Date.parse(array_dateX[i])
                        yy[i] = Number(array_valueY[i])
                        yy1[i] = Number(array_valueY1[i])
                        yy2[i] = Number(array_valueY2[i])
                        if(yy[i]>max){
                            max = yy[i]
                        }
                        if(yy1[i]>max){
                            max = yy1[i]
                        }
                        if(yy2[i]>max){
                            max = yy2[i]
                        }
                        line.append(xx[i], yy[i])
                        line1.append(xx[i], yy1[i])
                        line2.append(xx[i], yy2[i])
                    }
                    max = Math.round(max) + 1
                    axiY.max = max
                }
            }

ChartView. Отображение метки данных точки серии при наведении курсора

Добрый день! Подскажите, как отобразить метки данных точки в LineSeries при наведении курсора? Из документации понял, что перехватить событие наведения можно через onHovered(), но как получить индекс/позицию/значение нужной точки?

ChartView {
                id: chartIzmerHh
                objectName: "chartIzmerHh"
                property int count
                property var array_dateX
                property var array_valueY
                property var array_valueY1
                property var array_valueY2
                visible: true
                anchors.top: rec_filter.bottom
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                antialiasing: true
                legend.visible: false
                title: "Средняя вибрация на холостом ходу"
                ValueAxis {
                    id: axiY
                    min: 0
                }
                DateTimeAxis {
                    id: axiX
                    format: "dd-MM-yyyy"
                    min: rec_filter.date_begin
                    max: rec_filter.date_end
                }
                LineSeries {
                    id: line1
                    property bool myBool: false
                    color: "lightgreen"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                    onHovered: {
                       // ???
                    }
                }
                LineSeries {
                    id: line2
                    color: "tomato"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                }
                LineSeries {
                    id: line
                    color: "#03a9f5"
                    axisY: axiY
                    axisX: axiX
                    width: 5
                }
                Component.onCompleted: {
                    var xx = []
                    var yy = []
                    var yy1 = []
                    var yy2 = []
                    var max = 0
                    for(var i=0;i<count;i++){
                        xx[i] = Date.parse(array_dateX[i])
                        yy[i] = Number(array_valueY[i])
                        yy1[i] = Number(array_valueY1[i])
                        yy2[i] = Number(array_valueY2[i])
                        if(yy[i]>max){
                            max = yy[i]
                        }
                        if(yy1[i]>max){
                            max = yy1[i]
                        }
                        if(yy2[i]>max){
                            max = yy2[i]
                        }
                        line.append(xx[i], yy[i])
                        line1.append(xx[i], yy1[i])
                        line2.append(xx[i], yy2[i])
                    }
                    max = Math.round(max) + 1
                    axiY.max = max
                }
            }
  • EVILEG
  • Статья
  • 16 января 2018 г. 7:19

Django - Урок 032. Расширенные параметры поиска

Django, Search

На сайте присутствует функционал, благодаря которому можно задать вопрос на форуме с указанием статьи на сайте, к которой так или иначе относится данный вопрос. Это делается благодаря внешним ключам от темы на форуме сайта к статьям. При этом внешнего ключа может и не быть.

article = models.ForeignKey(Article, verbose_name=_("Статья"), null=True, blank=True)

Таким образом в конце статьи можно увидеть, сколько вопросов на форуме задано по этой статье. Это позволяет улучшить перелинковку страниц сайта, а также предоставляет пользователям возможность найти похожие вопросы относительно статьи, которую они изучают.

Главным вопросом для меня было, как реализовать список тем на форуме так, чтобы не перегружать сайт дополнительными страницами, которые бы усложнили навигацию. Решение оказалось достаточно простым: добавить возможность поиска на форуме с дополнительными расширенными ключами поиска. А именно ключ article , который определял бы id статьи, по которому нужно отфильтровать все темы на форуме, которые содержат внешний ключ на статью с данным id .

Такой подход позволил минимально изменить главную страницу форума, расширить функционал форума дополнительным поиском и исключить добавление нового представления и шаблона для новых страниц.

  • EVILEG
  • Ответ
  • 15 января 2018 г. 8:14

qml градиентная прозрачность

Во-первых: Здравствуйте!

Во-вторых: Что это за требовательная постановка вопроса? Будто Вы заказчик, который поставил ТЗ. Здесь форум, а не стол заказов.

А теперь по существу вопроса. Решается следующим способом.
import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
import QtGraphicalEffects 1.0 // Подключить для работы с типом объекта LinearGradient 

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    color: "red"

    Item {
        width: 300
        height: 300

        LinearGradient {
            anchors.fill: parent
            start: Qt.point(0, 0) // Стартовая точка градиента
            end: Qt.point(0, 300) // конечная точка градиента
            gradient: Gradient {
                GradientStop { position: 1.0; color: "#00000000" }
                GradientStop { position: 0.0; color: "#FF000000" }
            }
        }
    }
}
Прозрачность определяется Альфа каналом. В данном случае FF в начале кода цвета означает полную непрозрачность, а 00 означает полностью прозрачный цвет.
  • alex_lip
  • Статья
  • 14 января 2018 г. 19:15

Разработка на Qt под iOS

ios, qt

Преамбула

Самая демократическая страна в мире создала самую тоталитарную операционную систему. Поэтому если вы хотите тестировать ваше ПО на IPad или IPhone вам нужно обязательно зарегистрироваться на сайте https://developer.apple.com/ в качестве разработчика. На первом этапе денег платить не обязательно. Добрый дядя Джобс даст вам сертификат, на использование для тестирования вашего же устройства, сроком на 7(семь) дней. По окончании действия сертификата ваше ПО не будет запускаться и его надо будет снова закачать с компа. Если вы захотите установить ваше ПО на устройство другого человека – его apple ID нужно будет точно так же прописать в Xcode как и ваш.

  • razorqhex
  • Ответ
  • 11 января 2018 г. 13:46

QML SpinBox не сохраняет нормально значения

Решил проблему.
Внизу самого SpinBox'а под textFromValue нужно добавить valueFromText

valueFromText: function(text, locale) {                
	return Number.fromLocaleString(locale, text) * 1000
}                                                      
Вот весь код SpinBox'а:

SpinBox {                                                                           
	id: spBox_Gear                                                                  
	from: 0                                                                         
	value: 0                                                                        
	to: 2000                                                                        
	stepSize: 1                                                                     
	anchors.centerIn: parent                                                        
                                                                                    
	editable: true                                                                  
	wrap: true                                                                      
	wheelEnabled: true                                                              
                                                                                    
	property int decimals: 3                                                        
	property real realValue: value / 10                                             
	anchors.verticalCenterOffset: -110                                              
	anchors.horizontalCenterOffset: 37                                              
                                                                                    
	validator: DoubleValidator {                                                    
		bottom: Math.min(spBox_Gear.from, spBox_Gear.to)                            
		top:  Math.max(spBox_Gear.from, spBox_Gear.to)                              
	}                                                                               
                                                                                    
	textFromValue: function(value, locale) {                                        
		return Number(value / 1000).toLocaleString(locale, 'f', spBox_Gear.decimals)
	}                                                                               
                                                                                    
	valueFromText: function(text, locale) {                                         
		return Number.fromLocaleString(locale, text) * 1000                         
	}                                                                               
}                                                                                   
  • razorqhex
  • Вопрос
  • 11 января 2018 г. 12:27

QML SpinBox не сохраняет нормально значения

Qt, QML, qtcreator


Всем привет!

Имеется у меня SpinBox в QML приложении. С ним всё в порядке, за исключением того, что если свойство editable присваивается true, и сменить значение на (например) 0.06, то значение автоматически будет 0.00

Если будет editable: false, то при изменении значение таким же и останется. Если я напишу 0.06, то 0.06 таким и будет и автоматически не будет меняться на 0.00.

А мне нужно, чтобы пользователь смог вводить значения с клавиатуры

В чем может быть проблема? Как такое происходит и подскажите, как решить. Буду сильно благодарен.

Код:

SpinBox {
		id: spBox_AccelerationTime
		from: 0
		value: 0
		to: 10 * 10
		stepSize: 1
		anchors.centerIn: parent

		editable: true
		wrap: true
		wheelEnabled: true

		property int decimals: 1
		property real realValue: value / 1
		anchors.verticalCenterOffset: -152
		anchors.horizontalCenterOffset: 37

		validator: DoubleValidator {
			bottom: Math.min(spBox_AccelerationTime.from, spBox_AccelerationTime.to)
			top:  Math.max(spBox_AccelerationTime.from, spBox_AccelerationTime.to)
		}

		textFromValue: function(value, locale) {
			return Number(value / 10).toLocaleString(locale, 'f', spBox_AccelerationTime.decimals)
		}
	}
  • EVILEG
  • Статья
  • 8 января 2018 г. 7:52

Django - Урок 031. Смена URL без перезагрузки страницы с частичной подгрузкой контента

Django, URL, JavaScript

Чем меньше информации приходится передавать сайту на каждый запрос, тем лучше. Поскольку получаем меньшую нагрузку на сервер и на канал связи. Первым таким улучшением на сайте я сделал подгрузку списка статей при навигации по пагинатору страниц.

Смысл в том, что когда пользователь хочет перейти на следующую страницу со списком статей и кликает на ссылку в пагинаторе , то производится перехват события клика, событие отменяется, но высылается AJAX запрос на сервер с номером запрашиваемой страницы. Когда сервер получает такой запрос, он производит рендеринг только списка статей и высылает его обратно.

  • EVILEG
  • Ответ
  • 30 декабря 2017 г. 14:31

Смена раскладки клавиатуры

Полагаю, что здесь нужно использовать функционал WinAPI, поскольку Qt по изменению текущей раскладки не предлагает.

В WinAPI нужно использовать функцию LoadKeyboardLayout , как я понял из документации, нужно знать идентификаторы интересующих языков .
Что касается фокуса, то здесь нужно наследовать TextField и переопределять методы
void focusInEvent(QFocusEvent *event);
void focusOutEvent(QFocusEvent *event);
Как только получаете фокусировку через метод focusInEvent, то можете получить текущую локаль клавиатуры через метод

GetKeyboardLayoutName , сохранить её, чтобы можно было восстановить раскладку при смене фокуса на другой виджет, и установить необходимую локаль для поля вода.

Когда фокус будет потерян, Вы получите событие focusOutEvent, в котором можно будет восстановить локаль.

Реклама
  • falcon
  • 16 января 2018 г. 17:25

Qt - Тест 001. Сигналы и слоты

  • Результат 100 баллов
  • Очки рейтинга 10
  • falcon
  • 16 января 2018 г. 17:22

Qt - Тест 001. Сигналы и слоты

  • Результат 68 баллов
  • Очки рейтинга -1
  • falcon
  • 16 января 2018 г. 17:18

C++ - Тест 001. Первая программа и типы данных

  • Результат 73 баллов
  • Очки рейтинга 1
Последние комментарии

QML - Урок 021. Переключение между окнами в QML

Спасибо всем. Все получилось. Прикручиваю логику.

  • BlinCT
  • 14 января 2018 г. 19:28

Разработка на Qt под iOS

Вот честно, на сколько же муторно под огрызок что то делать. Куча проблем) А вод линь или под Андроид все просто и тривиально))

  • folax
  • 12 января 2018 г. 9:16

QML - Урок 021. Переключение между окнами в QML

Ничего сложного, делаете по тех заданию 3 файла qml, называете их как указанно в тех задании, потом из первого окна через Loader их переключаете, в окне 2 и 3 делаете сигналы которые при закры...

QML - Урок 021. Переключение между окнами в QML

Все верно, я и не говорил что этот кусок кода лично мое произведение. Это тоже верно: Это задание для прохождения на собеседование в одну из крупных украинских IT компаний. Логику ...

  • folax
  • 12 января 2018 г. 8:13

QML - Урок 021. Переключение между окнами в QML

int main(int argc, char *argv[]){ QApplication app(argc, argv); Logic logic; QQmlApplicationEngine engine; engine.rootContext()->setContextProperty("logic", &logic)...

Сейчас обсуждают на форуме

ChartView. Отображение метки данных точки серии при наведении курсора

Спасибо большущее за советы! Все получилось через ScatterSeries. Методы remove() как-то сходу не дались, удаляет в первый раз, а потом программа падает... Не стал тратить время и воспользовалс...

  • EVILEG
  • 16 января 2018 г. 14:23

Как проверить доступность сервера

Добрый день! Теоретически можно использовать QTcpSocket, у него есть метод connectToHost. Возможно, что проверка доступности через этот класс будет осуществляться несколько быстрее,...

QGraphicsScene

спасибо, за подробное объяснение строчки, а с зумом я разобрался, все работает

  • EVILEG
  • 15 января 2018 г. 17:21

Qt webgl

Насчёт проверки подключения клиента я не в курсе. Что касается экземпляров приложения, то из того, что я читал получается, что нет необходимости в нескольких экземплярах для нескольких кл...

  • EVILEG
  • 15 января 2018 г. 11:39

Проблема добавления #DEFINE при сборке CMak'ом

А Вы не пробовали сделать предкомпилированные библиотеки boost под свою систему, а потом уже подключать собранные библиотеки Boost`а? Просто один только boost может собираться на пару гиг...