我有一個水平時間線，我在 D3.js 中繪制隨時間變化的事件：現(xiàn)在，我想“填充”事件之間的間隙，因此計算每個條形的寬度（類似于甘特圖）。這就是我想要實現(xiàn)的目標(biāo)：我的邏輯是讓 i+1 的位置減去位置，如下所示：.attr('width', function(d,i){         barWidth = xScale(barData2[i+1].eventTime) - xScale(barData2[i].eventTime);        return barWidth;     })（其中 barWidth 是空變量，barData2 是數(shù)據(jù)）這完成了工作，但也破壞了代碼，因為它不會繼續(xù)代碼的其余部分：我嘗試過以各種方式計算這一點，但沒有成功。有什么建議么？var barData2 = [{  eventTime: new Date("Mon May 11 2020 18:25:43 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Mon May 11 2020 18:34:14 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Mon May 11 2020 22:10:42 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Mon May 11 2020 22:14:46 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Mon May 11 2020 22:22:25 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Mon May 11 2020 22:30:35 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Tue May 12 2020 00:40:00 GMT+0100 (British Summer Time)")}, {  eventTime: new Date("Tue May 12 2020 05:00:57 GMT+0100 (British Summer Time)")}];var barWidth = 0;var height = 200,  width = 900,  barHeight = 10;var xScale = d3.time.scale()  .domain([barData2[0].eventTime, barData2[(barData2.length - 1)].eventTime])  .range([0, width - 85]);var xScale2 = d3.time.scale()  .domain([barData2[0].eventTime, barData2[(barData2.length - 1)].eventTime])  .range([0, width - 85]);var xAxisTicks = d3.axisBottom(xScale)  .ticks(d3.timeHour.every(1));var toolTip = d3.select('body')  .append('div')  .style('position', 'absolute')  .style('padding', '0 10px')  .style('background', 'white')  .style('opacity', 0);d3.select('#viz').append('svg')  .attr('width', width)  .attr('height', height)  .style('background', '#aaa')  .append('g')  .selectAll('rect').data(barData2)  .enter().append('rect')  .attr('y', function(d, i) {    return i * barHeight;  })