如何繪製範圍x軸的條形圖？

有沒有一個選項可以像這樣用x軸繪製條形圖？

*** 
    ***    *** 
    ***  ***  *** 
    ***  ***  ***  *** 
    ***  ***  ***  *** 
| *** | *** | *** | *** | 
0am  1am  2am  3am  4am

我不想畫這樣說：

*** 
    ***   *** 
    *** *** *** 
    *** *** *** *** 
    *** *** *** *** 
    *** *** *** *** 
    0am 1am 2am 3am

PS：angular-nvd3是nvd3的包裝，這是一種可重複使用的圖表爲d3.js。

2017-06-26 David

我想不出一個乾淨的方式來做到這一點。不知道你爲什麼想要做TBH - 它看起來有點奇怪。但無論如何 - 這是NVD3的一個黑客解決方案，您可以將它移植到AngularNVD3。

chart.rectClass('shift-right')

，然後你做

d3.select('#chart svg') 
    .datum(exampleData()) 
    .transition().duration(350) 
    .call(chart);

後把

d3.selectAll('.shift-right').attr('x', '30');

這將30PX轉移所有的酒吧了。

2017-06-26 22:29:26 jeznag

「不知道爲什麼你要做到這一點TBH」：數據我希望顯示有2日期間，而不是一個具體的日期。例如：「從下午3點到4點，有130名活躍用戶」。 – David

我已經找到了這個，但仍然沒有線索如何使用angular-nvd3：https://github.com/d3/d3-array/blob/master/README.md#histograms – David

對於直方圖，它只是一個數據預處理成箱的條形圖。 https://gist.github.com/daluu/6930fa129bffea638189 – jeznag

回答