【问题标题】:nvd3.js How to make a historical multiBarChart?nvd3.js 如何制作历史multiBarChart?
【发布时间】:2014-01-18 19:21:44
【问题描述】:

我使用 nvd3.js 的 multiBarChart 堆叠多个带标签的数据集,其中 x 轴为日期,y 轴为整数。

由于x轴数据稀疏(日期之间有固定的间隔,但并非所有日期都有数据),x轴将每个堆叠的条并排放置,而不是保留时间上的相对距离/ x 轴上数据点之间的日期。

我想让 x 轴像历史条形图一样保留其时间/日期间距。使用 nvd3.js 可以实现历史 multiBarChart 吗?

如果是这样,我该如何配置它(我尝试了各种 x 轴设置)?如果没有,我最好的选择是使用单独的historyBarCharts,一个用于一组数据还是有其他方法可以实现这一点?

【问题讨论】:

  • 听起来您没有使用 x 轴的时间刻度/轴。你能把你的代码贴出来吗?
  • 我的代码是数据驱动的,所以我会尝试列出这个特定案例的步骤。
  • data = [ {key: 'Bar1', values: [{x: a_date, y: a_value}, ..]} {key: 'Bar2', values: [{x: another_date, y: 另一个值}, ..]} ];图表 = nv.models.multiBarChart() .stacked(true); d3.select(element).datum(data).call(chart);

标签: javascript d3.js nvd3.js


【解决方案1】:

也许您可以尝试将每个 x 值的 y 值设置为 0nullundefined

【讨论】:

  • 谢谢。不幸的是,它不起作用(我已经尝试过了),因为它仅用于显示刻度线(它强制为每个刻度线显示文本条目),而不是间隔轴。
  • 这就是我最终做的事情,但是通过添加值来更改显示确实很慢且效率低下。我真的很想找到一种方法让它像historyBarChart(不需要添加点)。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-01-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多