Вы можете использовать dataClasses
, чтобы достичь этого:
colorAxis: {
dataClasses: [
{
color: 'red',
from: 0,
to: 5,
name: 'foo'
},
{
color: 'blue',
from: 5,
to: 15,
name: 'bar'
},
{
color: 'yellow',
from: 15,
to: 60,
name: 'xpto'
},
]
}
Вот скрипка: https://jsfiddle.net/ro91Lv2d/
Чтобы достичь чего-то вроде градиента, который вы видите на развернутой вами детализации, высделать это самостоятельно, как в следующем примере: https://jsfiddle.net/pzepywwy/