charts - 具有风险颜色背景的 Highcharts 图表

Question

我想创建一个以动态椭圆区域为背景的图表。背景应该可视化风险并且可以是静态的，但当然需要呈现为不同大小的图表。

有人知道如何使用 highcharts 实现这一目标吗？

Answer 1

谢谢你的帮助。我用径向 bBackground 颜色解决了这个问题。

chart : {
    type: 'spline',
    renderTo: chartData,
    zoomType: 'x',
    plotBackgroundColor: Highcharts.svg ? {
        radialGradient: {
            cx: 1.0,
            cy: 0.0,
            r: 1.5
        },
        stops: [
            [0.0, 'rgba(255, 0, 0, 1.0)'],
            [0.5, 'rgba(255, 193, 86, 1.0)'],
            [1.0, 'rgba(44, 160, 44, 1.0)']
        ]
    } : null
},

RadialGradient 从绘图区域右上角的 1.0, 0.0 (x, y) 开始。我添加了三种颜色渐变色标：红色、黄色、绿色。

希望这可以帮助遇到同样问题的人。:)