【发布时间】：2013-02-08 07:47:07
【问题描述】：
我正在使用 highcharts 创建气泡图。我将 x、y 和 z 坐标作为数据传递。它显示具有不同半径的圆圈，底部有单个图例条目。我需要气泡图中单个圆圈的图例，因此我为单个气泡创建了不同的系列。我有不同的传说，但圆圈的大小是一样的。请在下面查看我的代码。请让我知道这有什么问题。提前致谢
$.each(input,function(index,value) {
red = Math.floor(Math.random() * 255);
blue = Math.floor(Math.random() * 255);
green = Math.floor(Math.random() * 255);
color = red + ',' + green + ',' + blue;
chartData .push({
name : value.departmentName,
marker: {
symbol:'circle',
fillColor:{
radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
stops: [[0, 'rgba(255,255,255,0.5)'],[1, Highcharts.Color('rgba(' + color+ ',0.5)').brighten(-0.3).get('rgb')]]},
lineColor:'rgba(' + color + ',.75)',
lineWidth:1,
states:{
hover:{
enabled:false
}
}
},
data: [{x:value.year, y:value.numberOfUsers, name: value.departmentName, marker: {radius:value.passcount,
fillColor:{
radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
stops: [[0, 'rgba(255,255,255,0.5)'],[1, Highcharts.Color('rgba(' + color+ ',0.5)').brighten(-0.3).get('rgb')]]}}, z : value.passcount}]
});
});
return chartData;
...
function drawChart (chartData){
//High charts
var chart = new Highcharts.Chart({
chart: {
renderTo:'container',
type: 'bubble',
plotBorderWidth: 1 ,
zoomType: 'xy'
},
title:{
text:''
},
exporting:{
enabled : false
},
credits: {
enabled: false
},
plotOptions: {
series: {
shadow:false,
}
},
xAxis:{
minPadding:.075,
maxPadding:.075,
lineColor:'#999',
lineWidth:1,
tickColor:'#666',
tickLength:3,
title:{
text:'My chart'
}
},
yAxis:{
lineColor:'#999',
lineWidth:1,
tickColor:'#666',
tickWidth:1,
tickLength:3,
gridLineColor:'#ddd',
title:{
text:'Number Of Users',
rotation:270,
margin:10,
}
},
series: chartData
});
【问题讨论】：
标签： jquery highcharts