Jquery 多系列海图气泡图
我正在使用highcharts创建气泡图。我将x、y和z坐标作为数据传递。它显示具有不同半径的圆,底部有一个图例条目。我需要气泡图中单个圆圈的图例,所以我为单个气泡创建了不同的系列。我得到了不同的图例,但圆圈的大小是相同的。请看下面我的代码。请让我知道这有什么问题。提前谢谢Jquery 多系列海图气泡图,jquery,highcharts,Jquery,Highcharts,我正在使用highcharts创建气泡图。我将x、y和z坐标作为数据传递。它显示具有不同半径的圆,底部有一个图例条目。我需要气泡图中单个圆圈的图例,所以我为单个气泡创建了不同的系列。我得到了不同的图例,但圆圈的大小是相同的。请看下面我的代码。请让我知道这有什么问题。提前谢谢 $.each(input,function(index,value) { red = Math.floor(Math.random() * 255); blue
$.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
});
正如您所知,Highcharts气泡尚未正式发布。然而,在最新的开发代码中,气泡大小是跨系列调整的,所以您可能只是加载一些旧代码。尝试从和运行Highcharts。我使用的版本与您提到的相同。我甚至从github获取了最新版本,但它给出了很多脚本错误,我找到了这个问题的原因。因为我只传递一个系列的一个数据,所以它显示了所有圆的相同大小。它期望序列中不止一个数据显示大小不同的气泡。是否可以显示单个圆的图例?