score:2

Accepted answer

Thanks for your help. I solved the problem with a radial bBackground color.

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
},

The radialGradient starts at 1.0, 0.0 (x, y) which is in the top right corner of the plot area. I added three color gradient stops: red, yellow, green.

Hope this helps someone having the same problem. :)


Related Articles