線條加多欄與多條？

Question

我想使用默認線條加條形圖製作圖表，但我想在條形中使用兩條或多條流線，有可能嗎？

當前，當我嘗試這樣做時，我在圖表的效果上遇到了一些麻煩，所以我無法正確顯示酒吧的懸停氣球，他總是隻顯示其中一個的數據流。但主要問題是x軸的日期，顯示1970年的日期，當我刪除第二條酒吧，日期顯示：

任何人都已經試圖成功做這種圖表？

編輯

添加小提琴：

Fiddle with two columns stream and messy dates

Fiddle with just one column stream and ok dates

我打電話這種圖形：

linePlusBarChart() 

Answer 1

的概率與日期相比，您的數據包含時間戳（即以秒爲單位），但Javascript預計毫秒。這是很容易通過固定的值乘以1000：

series.values = series.values.map(function (d) { 
      return { 
       x: d[0]*1000, 
       y: d[1] 
      } 
}); 

的提示問題，實際上是在NVD3錯誤 - 它並不意味着使用這種方式。這個問題歸結爲mouseover處理程序，假設第一項數據代表您想要的內容。您可以通過數據點數模2選擇項（因爲是兩個酒吧）解決這一問題爲你的情況：

.on('mouseover', function(d,i) { 
     d3.select(this).classed('hover', true); 
     dispatch.elementMouseover({ 
      point: d, 
      series: data[i%2], 
      pos: [x(getX(d,i)), y(getY(d,i))], 
      pointIndex: i, 
      seriesIndex: i%2, 
      e: d3.event 
     }); 
     }) 

這將僅適用於正好有兩個酒吧系列的工作，雖然。使用修改過的NVD3代碼here更新了jsfiddle。