如何在高图中添加气泡之间的直线

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之间获得一行，您需要将该系列的lineWidth属性设置为大于0。

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

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

气泡的成对连接可以通过为每对添加一个单独的系列来实现。