时间戳

首页 > 解决方案 > QML-如何更改图表视图中一点的颜色？

qt - QML-如何更改图表视图中一点的颜色？

问题描述

在此处输入图像描述

在此处输入图像描述

如何在 qml.ie 中更改图表视图中一个特定点的颜色。即现在所有 x 轴值都以黑色显示，但我希望奇数以红色显示。我希望如图所示，y 轴上的标签颜色为不同的颜色。这是我的一段代码

ChartView {
    id:chartView
    width: 2*horizontalList.width
    height:horizontalList.height
    antialiasing: true
    animationOptions: ChartView.SeriesAnimations
    legend.visible:false

    ValueAxis {
        id: scaleAxisX
        min: 0
        max: pointsX.length
        tickCount: pointsX.length+1
        labelFormat: "%.0f"
        titleVisible: false
        gridVisible: true
    }
    ValueAxis {
        id: scaleAxisY
        min: 0
        max: 1.0
        tickCount: 6
        //labelFormat: "%.0f"
        titleVisible: false
        gridVisible: false
        labelsVisible: false
        labelsColor: "#757575"
    }
    ScatterSeries {
        id: scatterSeries
        axisXTop:   scaleAxisX
        axisY: scaleAxisY
        color: "black"
        markerSize: 12
    }
}

如第二张图所示，带有红色圆圈的顶线是chartview的X轴（valueAxis）。我想让红色圆圈内的数字为红色。

标签： qtqml

解决方案

您可以添加具有颜色值的不同 ScatterSeries；

import QtQuick 2.0
import QtCharts 2.0

ChartView {
    title: "Scatters"
    anchors.fill: parent
    antialiasing: true

    ScatterSeries {
        color: "black"
        id: scatter1
        name: "Scatter1"
        XYPoint { x: 1; y: 1 }
        XYPoint { x: 2; y: 2 }
        XYPoint { x: 3; y: 3 }
        XYPoint { x: 4; y: 4 }
    }

    ScatterSeries {
        color: "red"    
        name: "Scatter2"
        XYPoint { x: 1.5; y: 1.5 }
    }
}

推荐阅读