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

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

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

示例：

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

这样，图表就可以处理所有交互。只需更新顶级颜色，就不会影响进行颜色测定的所有其他设置。

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

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

所有这一切，它指出这通常不是一个好主意，除非颜色实际意味着有用的东西。为了使一切变成不同的颜色而使一切变成不同的颜色通常会增加视觉混乱，使得在不增加任何实际好处的情况下更难以摄取信息。 FWIW

Answer 2

试试这样。

IntentIntegrator

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

Highcharts气泡图悬停颜色

2 个答案: