Highcharts 气泡图悬停颜色

Question

我正在使用 Highcharts 创建气泡图，并希望每个气泡的颜色都不同。我这样设置颜色：

series: [{
            data: [
                { x: 95, y: 95, z: 13.8, name: 'BE', country: 'Belgium', color: Highcharts.getOptions().colors[0]},
                { x: 86.5, y: 102.9, z: 14.7, name: 'DE', country: 'Germany', color: Highcharts.getOptions().colors[1] }]
}]

http://jsfiddle.net/4go2otar/

但是当我将鼠标悬停在每个节点上时，气泡的颜色会变为默认的蓝色。有没有办法设置悬停颜色，或者完全禁用悬停颜色更改？

Answer 1

这样试试。

plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                    format: '{point.name}'
                }
            },
            bubble: {
              color: 'white',
              marker: {
                  fillColor: 'transparent'
              }
          }
        },

这将使泡泡变得透明，如果您想更改任何其他内容，请告诉我

Answer 2

您可以简单地使用绘图选项中的内置 colorByPoint: true 选项，而不是像那样自己映射颜色：

plotOptions: {
  series: {
    colorByPoint:true,
    ...
  }
}

示例：

http://jsfiddle.net/jlbriggs/4go2otar/2/

这样，图表已经处理了所有交互。通过仅更新顶级颜色，您不会影响进入颜色确定的所有其他设置。

.

如果默认颜色不是你想要的颜色，或者不是你想要的颜色顺序，你也可以自己定义颜色数组：

http://api.highcharts.com/highcharts#colors

综上所述，值得指出的是，这通常不是一个好主意，除非颜色实际上意味着有用的东西。为了让所有东西都变成不同的颜色而让所有东西都变成不同的颜色通常只会增加视觉上的混乱，让人们更难在不增加任何实际好处的情况下吸收信息。 FWIW

Highcharts 气泡图悬停颜色

Highcharts Bubble Chart Hover Color

javascript

jquery

bubble-chart

highcharts