In Highcharts Maps, I am able to set the colour a state using radial gradient.
Code: Select all
series: [{
name: 'State',
data:[{
color: {
radialGradient: { cx: 0.5, cy: 0.5, r: 0.5 },
stops: [
[0, this.series[0].chart.colorAxis[0].toColor(45)],
[1, 'rgb(200,200,200)']
]
}
}]
}]
In CSS, I can configure multiple gradient colour for a single element as in the CSS code below. Is it possible to use multiple radial gradient to colour a state or a data series in Highcharts Maps?
Code: Select all
/* CSS code for multiple radial gradient */
background-image:
radial-gradient(circle at top right, red, black 20%, transparent 40%),
radial-gradient(circle at bottom left, yellow, orange 20%, transparent 40%);