D3 数据可视化--折线图如何只显示点， 不显示线

需求是把superset 中的时间序列折线图中的线不显示， 只显示点，虽说很无奈， 折线图没折现了， 还咋搞，但是不管怎样也要尽力配合，尝试了D3自带的那些线型，不行， 也没有透明的选项， 翻阅文档得知，

line().interpolate(xxx), 其中xxx可以自定义函数， 这个函数将被调用来反转一个形如[[x0, y0], [x1, y1], …]的点数组，返回一个SVG路

径数据字符串(SVG path data string)，用来展示线。

var line = d3.svg.line()
    .interpolate(function(points) { return points.join("A 1,1 0 0 1 "); })
    .x(function(d) { return x(d.x); })
    .y(function(d) { return y(d.y); });

结果如下图：

var line = d3.svg.line()
    .interpolate(function(points) { return points.join(""); })

这样就没有线了， 再详细的就没研究了，https://www.w3.org/TR/SVG/paths.html#PathData