Angular-nvd3:x刻度数据之间的距离相同

时间:2015-09-17 06:13:10

标签: javascript nvd3.js angular-nvd3

默认情况下,x轴的比例是根据值计算的。这使得两个调整点之间的距离不均匀。例如,如果我有一个像[1,2,5]这样的值数组,则x轴上的点距离会不同,x轴标签也会包含其他一些值,如1,2,3,4,5。如果在x轴上显示的日期,可能会出现打印两个相同日期的情况,看起来很难看。

看看this plunker。如果您最大化浏览器窗口,您可能会看到x轴标签有重复(如02/09/2015在我的屏幕上可见2次)。点之间的距离也不同。

我怎么能:

  1. 确保不存在重复的x轴实验?
  2. 点之间的距离是基于图的宽度等级分布的(不是根据值缩放)?

1 个答案:

答案 0 :(得分:0)

您可以明确设置tickValues()并指定要显示的标记。

或者,ticks()更灵活,但会减少对您的控制。

(搜索" D3重复日期"。This one可能会有所帮助。

日期重复的原因是它们实际上是在同一天发生的不同(等间隔)时间戳,因为间隔是< 24小时。如果您希望使用不同的日期进行标记,则可以选择每天的特定时间以使该标记落在上面。