d3.js 没有按照折线图中的数据完美地放置点

3bygqnnd 于 2022-11-12 发布在其他

关注(0)|答案(1)|浏览(118)

这里我面临一些小问题，线上的点没有按照x轴的点放置，我不知道为什么点会在x点的实际值之前移动1cm

issue-1我们如何将点与x轴点精确匹配
问题-2如何避免零位置网格线（如果y轴上的值为0，我不想显示网格线）

"我想这样对齐"

"但我变成了这样"

在这里，我想对齐月份值和点位置必须相同，当我们看到x轴的点位置
第一个
这里是codepan源代码修复https://codepen.io/codingdarci/pen/ZERpNOG
任何人都可以请给予我一些建议，如何弄清楚，如何解决这个问题
感谢预付款

1条答案

关于圆的位置，您需要使用点比例而不是带比例，因为带比例具有关联的带宽：

const x = d3.scalePoint().range([0, width]);

对于y轴，只需删除零的刻度：

axis.selectAll(".tick")
.filter(d => d === 0)
.remove();

下面是包含这些更改的代码：
第一个