Highcharts图有风险颜色背景

时间:2014-12-04 13:08:21

标签: charts highcharts risk-analysis

我想创建一个动态椭圆区域作为背景的图表。 背景应该可视化风险,可以是静态的,但需要渲染到不同大小的图表。

有没有人知道如何用highcharts实现这个目标?

Example of what I would like to display

1 个答案:

答案 0 :(得分:2)

感谢您的帮助。我用径向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)开始,它位于绘图区域的右上角。 我添加了三个颜色渐变停止:红色,黄色,绿色。

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