I'm using a custom Highcharts map inside an Angular application with Angular Material styling, thus I want to set the colours of the map according to the material theme's colours. So I've set styledMode to true and applied the following css rules:
Code: Select all
.highcharts-point {
fill: green;
transition: fill .2s linear;
&.highcharts-point-hover {
fill: red;
}
}
Code: Select all
.highcharts-point:hover
Code: Select all
.highcharts-point-hover
How can I get the hover transitions to work?