QML/Qt 渐变图表

Question

我想在 QML/Qt 中创建图表（适用于两个“平台”的解决方案就足够了）。这是我想要的示例：

我画的图表是这样的：

ChartView {
    title: "Температура"
    antialiasing: true
    legend.visible: false
    height: parent.height
    anchors.right: parent.right
    anchors.left: parent.left

    SplineSeries {
         color: "#5fafff"
         XYPoint { x: 0; y: 0 }
         XYPoint { x: 0.5; y: 1.1 }
         XYPoint { x: 1.0; y: 2.9 }
         XYPoint { x: 1.5; y: 2.1 }
         XYPoint { x: 2.0; y: 4.9 }
         XYPoint { x: 2.5; y: 3.4 }
         XYPoint { x: 3.0; y: 4.1 }
    }
}

但是这里怎么加渐变呢？

Answer 1

如果你只想在你的系列中使用渐变，而不是区域渐变，你可以将发光和线性渐变一起使用，你将用你的发光来锚定它们。您也可以使用 link 轻松创建视觉渐变。 https://cssgradient.io/ 所以这是一个简单的用法示例：

   Glow {
            id:glow
            anchors.fill: yourchartid
            radius: 18
            samples: 168
            color: "purple"
            source: yourchartid 

    }

LinearGradient {
            id:gradient
            // 200 is length of gamut
            start:Qt.point(200,0)
            end:Qt.point(0,0)
            gradient: Gradient {
                    GradientStop {
                            position: 1;
                            color: "#312c36";
                    }

                    GradientStop {
                            position: 0.5;
                            color: "#5f4a69";
                    }


                    GradientStop {
                            position: 0.2;
                            color: "#a600ff";
                    }
           }
           anchors.fill = glow
           source = glow
    }

QML/Qt 渐变图表

QML/Qt gradient charts

charts

qt

gradient

qml