Jquery 多系列海图气泡图

Jquery 多系列海图气泡图,jquery,highcharts,Jquery,Highcharts,我正在使用highcharts创建气泡图。我将x、y和z坐标作为数据传递。它显示具有不同半径的圆,底部有一个图例条目。我需要气泡图中单个圆圈的图例,所以我为单个气泡创建了不同的系列。我得到了不同的图例,但圆圈的大小是相同的。请看下面我的代码。请让我知道这有什么问题。提前谢谢 $.each(input,function(index,value) { red = Math.floor(Math.random() * 255); blue

我正在使用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

            });


正如您所知,Highcharts气泡尚未正式发布。然而,在最新的开发代码中,气泡大小是跨系列调整的,所以您可能只是加载一些旧代码。尝试从和运行Highcharts。

我使用的版本与您提到的相同。我甚至从github获取了最新版本,但它给出了很多脚本错误,我找到了这个问题的原因。因为我只传递一个系列的一个数据,所以它显示了所有圆的相同大小。它期望序列中不止一个数据显示大小不同的气泡。是否可以显示单个圆的图例?