Testbed
// Copyright (C) 2023 The Qt Company Ltd. // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause import QtQuick import QtGraphs import QtQuick.Controls.Basic import QtQuick.Dialogs Rectangle { id: mainview width: 800 height: 600 color: "#404040" Rectangle { id: background anchors.fill: chartView color: "#202020" border.color: "#606060" border.width: 2 radius: 10 } GraphsView { id: chartView anchors.left: parent.left anchors.right: parent.right anchors.bottom: parent.bottom anchors.top: parent.top anchors.margins: 10 backgroundColor: "#202020" onHoverEnter: { tooltip.visible = true; } onHoverExit: { tooltip.visible = false; } onHover: (seriesName, position, value) => { tooltip.x = position.x + 1; tooltip.y = position.y + 1; tooltip.text = "Series: " + seriesName + ", X: " + value.x.toFixed(1) + ", Y: " + value.y.toFixed(1); } SeriesTheme { id: seriesTheme colorTheme: SeriesTheme.SeriesTheme1 } BarSeries { id: barSeries name: "First" hoverable: true axisX: BarCategoryAxis { categories: ["2023", "2024", "2025", "2026"] } axisY: ValueAxis { id: yAxis max: 8 } BarSet { id: set1; label: "Axel"; values: [1, 2, 3, 4] } } LineSeries { id: lineSeries name: "Second" theme: seriesTheme hoverable: true XYPoint { x: 0; y: 6.6 } XYPoint { x: 0.6; y: 4.1 } XYPoint { x: 1.5; y: 5.3 } XYPoint { x: 2.2; y: 7.1 } XYPoint { x: 3.3; y: 6.9 } XYPoint { x: 3.6; y: 5.0 } XYPoint { x: 4.0; y: 5.3 } } ScatterSeries { id: scatterSeries name: "Third" theme: seriesTheme hoverable: true XYPoint { x: 0; y: 2.6 } XYPoint { x: 0.2; y: 3.1 } XYPoint { x: 1.3; y: 6.3 } XYPoint { x: 2.4; y: 5.1 } XYPoint { x: 3.5; y: 6.9 } XYPoint { x: 3.6; y: 5.2 } XYPoint { x: 4.0; y: 3.3 } } ToolTip { id: tooltip } } }