棒グラフを範囲x軸で描画するにはどうすればいいですか？

このようなx軸を持つ棒グラフを描画するオプションはありますか？

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

PS：私はそれをこのように描画する必要はありません

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

angular-nvd3はd3.jsのための再利用可能なグラフである、nvd3のラッパーです。

2017-06-26 David

私はこれを行うためのきれいな方法を考えることはできません。あなたがなぜそれをしたいのか分からないTBH - それはちょっと変わったようです。しかし、とにかく - ここであなたはAngularNVD3に移植できるNVD3のためのハックな解決策です。

chart.rectClass('shift-right')

、その後、あなたが

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

をやった後にこれは30pxで、バーのすべてを超えるシフトする

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

入れてください。

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

答えて