ハイチャートのすべてのバブルの背景色を変更するにはどうすればよいですか？

Question

私はユーザーの入力を取得しようとしているし、100バブルのバブルチャートを描画しようとしています。気泡の背景色を異なる色（最大10色）に変更するにはどうすればよいですか？以下
が私のjavascriptのコード、

 <script> 
 
      function generateChart() { 
 
       var my_arr = []; 
 
       var Stakeholders = []; 
 
      
 
       $('td').each(function() { 
 
        my_arr.push($(this).children().val()); 
 
       }); 
 

 
       var length = my_arr.length; 
 

 
       for (var i = 0; i < length - 2; i++) { 
 
        var Stakeholder = new Object(); 
 
        Stakeholder.name = my_arr[i] || 'Unknown'; 
 
        Stakeholder.x = parseFloat(my_arr[i + 1] || 5); 
 
        Stakeholder.y = parseFloat(my_arr[i + 2] || 5); 
 
        Stakeholders.push(Stakeholder); 
 
        i += 2; 
 
       } 
 
       drawChart(Stakeholders); 
 
      }; 
 

 
      function drawChart(Stakeholders) { 
 
       Highcharts.chart('container', { 
 
        chart: { 
 
         type: 'bubble', 
 
         plotBorderWidth: 1, 
 
         zoomType: 'xy', 
 
         spacingTop: 40, 
 
         spacingRight: 40, 
 
         spacingBottom: 40, 
 
         spacingLeft: 40, 
 
         borderWidth: 1 
 
        }, 
 
        plotOptions: { 
 
         column: { 
 
          colorByPoint: true 
 
         } 
 
        }, 
 

 
        series: [{ 
 
         data: Stakeholders 
 
        }] 
 

 
       }); 
 
      }; 
 
     </script>

Answer 1

である私は、あなたが特定の泡に特定の色を割り当てるか、単にランダムに色を割り当てるかどうかわからないんだけど、あなたはにcolor: 'somecolor'プロパティを追加することができますシリーズ内の各バブルオブジェクト。

Fiddle here（96〜110行参照）。

または、色の配列を作成し、バブル系列をループし、各バブルオブジェクトにランダムに色を割り当てることができます。

これが役に立ちます。

Answer 2

私は、利害関係者にプロパティを追加しておく必要があります。

var colors = ['#98d9c2', '#ffd9ce', '#db5461', '#f5853f', '#b497d6', '#dc965a', '#FF9655', '#FFF263', '#6AF9C4', "000"]; 
for (var i = 0; i < length - 2 ; i++) { 
      var Stakeholder = new Object(); 
      var color = parseInt(Math.random() * 10); 
      Stakeholder.name = my_arr[i] || 'Unknown'; 
      Stakeholder.x = parseFloat(my_arr[i + 1]); 
      Stakeholder.y = parseFloat(my_arr[i + 2]); 
      Stakeholder.z = 5; 
      Stakeholder.color = colors[color]; 
      Stakeholders.push(Stakeholder); 
      i += 2; 
}