将圆的最左边与x轴时间刻度对齐

D3 - align leftmost side of circle to x-axis time scale

本文关键字：时间刻度 对齐 左边      更新时间：2023-09-26

我正在尝试制作一个时间轴，其中:

圆半径=访问时间

x-position =访问时间

.attr('cx', function(d,i) { /* insert code here */ } )

基本上我想要的是告诉d3对齐圆圈"startDate"，但是有一个问题，因为半径较大的圆圈会向左移动，使它看起来不准确，因为它与中心对齐。

对此有什么可能的解决方案?

下面是代码:http://jsfiddle.net/jg4v1ymx/2/

edit -而不是半径:如果数据更大，告诉d3增加圆的直径大小?问题是我不希望大半径圆与附近日期的圆重叠

您只需要传递x刻度日期，如:

.attr('cx', function(d,i) { 
    return x(d.date);
 } )

您还需要确保在执行此操作之前设置了域，因此将x.domain(/*stuff*/)移动到chart1行上方。

你可以看到一个正在工作的小提琴

相关文章：