如何在highchart

Question

增加氣泡間的直線如何在highchart

增加氣泡間的直線的例子請參閱屏幕圖表

enter image description here

我試試下面的代碼，但我不沒有運氣。你能請此

function (chart) {    
       for(i=0; i<= 1; i++){     
         var val = ((i == 0)? 0 : (i + 1)); 

         var point = chart.series[0].points[val]; 

         var point1 = chart.series[0].points[(val + 1)]; 

         console.log(val +" nnnnnnnnnnnnnn ", point , point1);    

         chart.renderer.path(['M', point.plotX + 140 , point.plotY, 'H', point1.plotX + 140]) 
         .attr({ 
         'stroke-width': 2, 
         stroke: 'red', 
         id: 'vert' 
         }).add(); 

       } 
    } 

Answer 1

幫助當highcharts工作，你最好的選擇是嘗試使用他們現有的（大量的）API功能的定製系列。

要獲得bubles之間的直線一系列你需要設置成爲系列的線寬財產多於0

http://api.highcharts.com/highcharts/plotOptions.bubble.lineWidth

plotOptions: { 
     series: { 
      lineWidth:1 
// ... other settings here ... 
     } 
    } 

成對氣泡的連接可能通過每對添加一個單獨的系列來實現。