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與多個系列的氣泡圖

回答

相關問題