d3.js用线和圆绘制时间图

Question

我尝试绘制一些温度

2018-09-14 00:07:26 16.44
2018-09-14 00:17:27 16.44
2018-09-14 00:27:27 16.38
... etc

我绘制了传统图形（比例尺为x和y轴等），然后用一条线绘制温度

var line = d3.svg.line()
        .interpolate("basis")
        .x(function(d) { return xScale(d.time); })
        .y(function(d) { return yScale(d.temp); });

这可以。

现在我尝试用小圆圈绘制温度

var my_circle = svg.selectAll(".temp-dot")
        .data(data).enter().append("circle")
        .attr("class", ".temp-dott")
        .style("fill", "#FF0000")
        .attr("r", 20.0)
        .attr("cx", function(d) { return xScale(d.time); } )
        .attr("cy", function(d) { return yScale(d.temp); } );

但这不起作用...所有圈子都以0,0结束-为什么？

/ gh