Как добавить прямую линию между пузырьками в highchart

Question

Как добавить прямую линию между пузырьками в highchart

для примеров PLS см экрана карты

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 в серии вы должны установить LineWidth свойство серии, чтобы быть более 0.

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

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

парное соединение пузырьков может достигается путем добавления отдельной серии для каждой пары.