JQuery BUBBLE CHART - необходимо отображать пузырьки с разными цветами

Question

Недавно я работал с диаграммой пузырьков, запускающей highchart в jquery. Я хочу дать разные цвета для моих пузырей. моя проблема в том, когда это цвет питания по данным, как

var data = {[x:30,y:40,r:50,'rgba(0.5,0.6,0.5,0.5)'], 
     [x:70,y:80,r:90,'rgba(0.8,0.9,0.5,0.5)']} 

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

fillColor: {radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, 
        stops: [[0, 'rgba(255,50,255,0.5)'],[1, 'rgba(0,25,255,0.5)']]} 

в разделе HighCharts.Chart. Но я не в состоянии получить пузыри с различными цветами ..

Может кто-нибудь помочь мне в этом ...

Answer 1

Try:

data = [{x:30,y:40,z:50,color:'rgba(255,50,255,0.5)'}, 
     {x:70,y:80,z:90,color:'rgba(0,25,255,0.5)'}]; 

например http://jsfiddle.net/7V3uA/