Javascript D3线渲染为多边形
我尝试使用D3渲染线条,但当我尝试这样做时,线条会渲染为多边形。我不知道为什么。我包括了一个屏幕截图,向你展示它的样子。 代码如下:Javascript D3线渲染为多边形,javascript,d3.js,data-visualization,Javascript,D3.js,Data Visualization,我尝试使用D3渲染线条,但当我尝试这样做时,线条会渲染为多边形。我不知道为什么。我包括了一个屏幕截图,向你展示它的样子。 代码如下: // Creates a time scale using the x_extent // defined above var x_scale = d3.time.scale() .range([margin, width - margin]) .domain(x_extent); // Creates a similarity
// Creates a time scale using the x_extent
// defined above
var x_scale = d3.time.scale()
.range([margin, width - margin])
.domain(x_extent);
// Creates a similarity scale using the y_extent.
// defined above.
var y_scale = d3.scale.linear()
.range([height - margin, margin])
.domain(y_extent);
// Construct a line.
var line = d3.svg.line()
.x(function(d) {
return x_scale(d.date);
})
.y(function(d) {
return y_scale(d.similarity);
});
// Render a line.
d3.select("svg")
.append("path")
.attr("d", line(data));
在添加路径时,请尝试显式设置
填充
和笔划
,即
d3.select("svg")
.append("path")
.attr("fill", "none")
.attr("stroke", "black")
.attr("d", line(data));