散点图nvd3中的连接线

Question

我正在绘制nvd3散点图，我想将每个圆相互连接，就像我们有圆形的折线图一样。 我的图表：

这是我写的代码：

    function scatterChartConfig(con, data, labels) {
    $(con).show().find('.spark-chart').show();
    var div = '#' + $(con).find('.spark-chart').attr('id');
    $(div).empty().data({
        'lineChart': false
    });

    $('#brush').hide();

    nv.addGraph(function() {
        $(div).height("68vh")
        var height = $(div).height(),
            width = height, // a square chart
            chart = nv.models.scatterChart()
            .interactive(true)
            .tooltips(true)
            .showDistX(true)
            .showDistY(true)
            .transitionDuration(350)
            .tooltipContent(function(key, x, y, obj) {
                console.log(obj);
                return ' RPM (' + obj.point.size.toFixed(2) + ')';
            });

       //chart.xAxis.axisLabel(labels.x).tickFormat(d3.format('.02f'));
        chart.yAxis.axisLabel(labels.y).axisLabelDistance(20).tickFormat(d3.format('.02f'));

        //We do no want to show shapes other than circles.
        chart.scatter.onlyCircles(true);

        d3.select(div).append('svg')
            .datum(data)
            .attr('width', width)
            .attr('height', height)
            .call(chart);

        nv.utils.windowResize(chart.update);

        return chart;
    });

}

我想用js做，或者我可以更新nvd3.js库没有css解决方案。