d3.js を使用して実現した棒グラフに奇妙な問題があります。各長方形の間の 1 ピクセルのパディングが不規則に見えます。幅または x 位置のいずれかまたは両方が原因であると収集しますが、何が間違っているのかわかりません。幅は svg 領域の一部であり、X 位置は D3 スケールを介して取得されます。
ここにデモを置きました: http://jsfiddle.net/pixeline/j679N/4/
x 位置を制御するコード (スケール):
var xScale = d3.time.scale().domain([minDate, maxDate]).rangeRound([padding, w - padding]);
幅を制御するコード:
var barWidth = Math.floor((w/dataset.length))-barPadding;
あなたの洞察に感謝します。