【问题标题】:d3 timeline axis - line chart bug with animation - x.bandwidth errord3 时间轴轴 - 带动画的折线图错误 - x.bandwidth 错误
【发布时间】:2017-10-18 09:37:50
【问题描述】:

我正在尝试构建一个能够打开和关闭线条的折线图 - 但我收到 x.bandwidth 错误可能是因为我的轴基于 scaletime -

http://jsfiddle.net/0ht35rpb/235/

var x = d3.scaleTime()
  .range([0, width]);

x.bandwidth 的等价物是什么?

  x.domain(newKeys).rangeRound([0, x.bandwidth()]);

【问题讨论】:

  • 我已经绕过了使用宽度的错误并将 x1 重新调整为 x - 但仍然没有动画 - jsfiddle.net/0ht35rpb/242
  • 首先,x 域不会是“newKeys”,因为 x 是时间尺度(即不会依赖于城市名称,因为它不是序数尺度)。在这种情况下,只有 y 域会改变。完成后,尝试添加过渡。
  • 我不确定@Shashank - 当然,所以时间尺度不会改变 - 但有些行会在过去更进一步?因此,如果您不更改时间刻度,您剩余的行可能看起来很小?
  • 如何修复此@Shashank 以过滤折线图的数据?
  • 我会尽快加个小提琴!

标签: javascript d3.js


【解决方案1】:

回复了here

如果一切都符合您的要求,请将答案标记为正确,我们可以关闭此问题。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-07-31
  • 1970-01-01
  • 2018-03-17
  • 2017-06-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多