Highcharts与多个系列的气泡图

我使用highcharts来创建气泡图。我把x，y和z坐标作为数据。它在底部显示具有不同半径的单个图例条目。我需要泡泡图中个人圈的图例，所以我为个人泡泡创建了不同的系列。我有不同的传说，但圈子的大小是相同的。请参阅下面的代码。请让我知道这是什么错误。在此先感谢Highcharts与多个系列的气泡图




    $.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 

      });

The output for above code is as below

来源

2013-02-08 Prasad

如你所知，Highcharts气泡尚未正式发布。但是，在最新的开发代码中，气泡大小是跨系列调整的，因此您可能只是加载了一些较旧的代码。尝试从http://github.highcharts.com/rambera/highcharts.js和http://github.highcharts.com/rambera/highcharts-more.js运行Highcharts。

来源

2013-02-08 08:30:10

我使用你提到的相同版本。我甚至采取了最新的github，但它提供了很多脚本错误 – Prasad

我找到了这个问题的原因。由于我只传递一个系列的一个数据，因此它显示了所有圈子的相同大小。预计该系列中不止一个数据会显示不同大小的气泡。是否有可能显示个人圈子的传奇？ – Prasad

Highcharts与多个系列的气泡图

回答

相关问题