Highcharts Bubble Chart Hover Color

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

Попробуйте вот так.

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

Это сделает пузырь прозрачным, дайте мне знать, если что-нибудь еще вы хотели бы изменить