首页 文章

Highcharts气泡图悬停颜色

提问于
浏览 次
0

我使用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/

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

javascript jquery highcharts bubble-chart

2 回答

  • 2

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

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

    例：

    这样，图表就可以处理所有交互 . 通过更新顶级颜色，您不会影响进行颜色确定的所有其他设置 .

    .

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

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

    回复于
  • -1

    试试这样吧 .

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

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

    回复于

相关问题