Как изменить цвет линии пузыря в динамических диаграммах динамически

Question

Может ли кто-нибудь рассказать мне, как изменить цвет внешней линии пузыря в диаграмме пузырьков высоких частот. Цвет внешней линии должен быть изменен в зависимости от значения от контроллера. Мой сод ниже

 series: [{ 
      name: 'Decision>24', 
      color: '#6A5ACD', 
      marker: { 
      lineColor : ('{point.priority}' == 'Prime Prospect' ? '#ADD8E6' : ('{point.priority}' == 'Defensive Play' ? '#590000' : ('{point.priority}' == 'Future Play' ? '#FFA500' : ''))), 
        lineWidth:2 
       }, 
      tooltip: { 
       headerFormat: '', 
       pointFormat: '<b>{point.name}</b><br>{series.name}<br>Annual Value: {point.z:,.0f} <br> [{point.x:.1f}, {point.y:.1f}]<br/>{point.priority}' 
      }, 
      data: [{!seriesDataSet1}] 
     },{ 
      name: 'Decision12-24', 
      color: '#6994c7', 
      marker: { 
        lineColor : ('{point.priority}' == 'Prime Prospect' ? '#ADD8E6' : ('{point.priority}' == 'Defensive Play' ? '#590000' : ('{point.priority}' == 'Future Play' ? '#FFA500' : ''))), 
        lineWidth:2 
       }, 
      tooltip: { 
       headerFormat: '', 
       pointFormat: '<b>{point.name}</b><br>{series.name}<br>Annual Value: {point.z:,.0f} <br> [{point.x:.1f}, {point.y:.1f}]<br/>{point.priority}' 
      }, 
      data: [{!seriesDataSet2}]} 

linecolore следует изменить в зависимости от приоритета.

Answer 1

Вы можете использовать callback и итерации по каждой точке, чтобы установить правильное значение lineColor для состояния маркера и зависания.

Пример: http://jsfiddle.net/7efs6vLm/