如何将圆添加到折线图路径d3.js

亚历克斯

这是我的图表;

http://plnkr.co/edit/Cej2NcyUWysAsKiMAEXj?p=preview

我试图在沿线路径的每个数据点上添加一个圆,但似乎找不到解决方法。

这是我用来绘制图形的圆/线的代码;

  var selectLine = svg.selectAll(".line")
    .data([data])

  var selectCircle = svg.selectAll(".circle")
    .data([data])

  svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xAxis)

  svg.append("g")
    .attr("class", "y axis")
    .call(yAxis)

  selectLine.enter().append("path")
    .attr("class", "line")
    .attr("d", line);

  selectCircle.enter().append("circle")
    .attr("class", "circle")
    .attr("r", 3.5)
    .attr("cx", function(d) {
      return x(new Date(2016, moment(d.date, 'MMMM').format('M') - 1, 1))
    })
    .attr("cy", function(d) {
      return y(d.close)
    })

任何帮助/建议都非常感谢!

谢谢

B队

改变

var selectCircle = svg.selectAll(".circle")
.data([data])

var selectCircle = svg.selectAll(".circle")
.data(data)

因为您希望将每个点都视为单独的项目

看到http://plnkr.co/edit/NCQyDtykbxjlvK687WIu?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

折线图d3 js-- x轴月

来自分类Dev

带有负数的d3.js折线图

来自分类Dev

如何使用D3 js在折线图中使用工具提示

来自分类Dev

如何使用Chart.js将点击事件添加到我的折线图中

来自分类Dev

使用chart.js将数据添加到折线图

来自分类Dev

使用d3.js构建折线图

来自分类Dev

D3js折线图mouseOver

来自分类Dev

在d3中将轴添加到动态折线图中

来自分类Dev

D3JS折线图在折线之间的过渡

来自分类Dev

D3.js折线图工具提示问题

来自分类Dev

D3.js-折线图:缩放时区域路径超过x和y轴

来自分类Dev

Chart.js-如何将折线图数据集设置为在加载时禁用

来自分类Dev

将时间缩放比例添加到折线图(Chart.js)

来自分类Dev

如何通过d3.js绘制折线图?

来自分类Dev

如何将文本添加到d3.js强制定向圆?

来自分类Dev

如何将Chart.js折线图与车把一起使用?

来自分类Dev

将网格添加到D3.js折线图

来自分类Dev

带有负数的d3.js折线图

来自分类Dev

d3.js折线图而不是面积

来自分类Dev

如何使用D3 js在折线图中使用工具提示

来自分类Dev

D3JS折线图倒排问题

来自分类Dev

如何向d3.js折线图添加额外范围

来自分类Dev

在d3中将轴添加到动态折线图中

来自分类Dev

如何将图例添加到aster图D3 JS中?

来自分类Dev

D3将点添加到多个堆积的折线图中

来自分类Dev

D3.js添加到多线图路径并更新轴

来自分类Dev

将时间缩放比例添加到折线图(Chart.js)

来自分类Dev

使用多行动态将数据添加到折线图js

来自分类Dev

Chart.js - 通过单击饼图段将数据添加到折线图