自定义Highchart Map的图例类型和颜色

时间:2018-05-29 11:50:43

标签: javascript highcharts

我目前正在与Drilldown Map(欧洲而不是美国)合作。

我想更改图例的类型:在示例中,它是从浅绿色到深绿色的淡入淡出;我想拥有的是:[0-5 : Green]; [5-10 : Blue]; [10-15 : Yellow]等。

有没有办法做那样的事情?

非常感谢!

1 个答案:

答案 0 :(得分:1)

您可以使用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/