Question

我正在使用angular-nvd3绘制图表。

是否有选项可以像这样用x轴绘制条形图？

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

我不想这样画：

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

PS：angular-nvd3是nvd3的包装，是d3.js的可重复使用的图表。

Answer 1

我无法想到一个干净的方法来做到这一点。不知道你为什么要这样做TBH - 它看起来有点奇怪。但无论如何 - 这里是NVD3的一个hacky解决方案，你可以移植到AngularNVD3。

chart.rectClass('shift-right')

然后你完成了

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

放

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

这会将所有条形移动30px。

http://jsfiddle.net/h7Lmkb4f/1/

如何绘制范围为x轴的条形图？

1 个答案: