如何绘制范围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

回答