D3-將圓的最左側與x軸時間刻度對齊

Question

我正在嘗試制作一個時間表，其中：

圓半徑=訪問持續時間

x位置=訪問時間

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

基本上我要告訴d3將圓與“ startDate”對齊，但是這有一個問題，因為半徑較大的圓會向左移動，因為它與中心對齊，因此看起來不准確。

有什么可能的解決方案？

這是代碼： http : //jsfiddle.net/jg4v1ymx/2/

編輯-而不是半徑：如果數據更大，告訴d3通過直徑增加圓的大小？ 問題是我不希望大半徑圓與附近日期的圓重疊

Answer 1

您只需要傳遞x標度日期即可，如下所示：

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

你還需要確保你已經設置的域名在這之前，所以移動x.domain(/*stuff*/)以上chart1線。

你會看到一個工作的小提琴