NVD3 Line Plus Bar with Focus Chart 仅显示第一个和最后一个条的一半宽度答案

【问题标题】：NVD3 Line Plus Bar With Focus Chart only displaying half width of first and last barNVD3 Line Plus Bar with Focus Chart 仅显示第一个和最后一个条的一半宽度
【发布时间】：2014-05-31 13:14:19
【问题描述】：

这就是它的样子：

这就是我想要的样子：

（通过在开头和结尾添加虚拟数据并手动删除svg路径创建...）

.forceX() 仅适用于小焦点图表（底部），但不适用于主图表。我一直试图在源代码中修复它，但无济于事。

【问题讨论】：

你有没有想过如何做到这一点？
我借此机会更正确地学习 JavaScript，并在源代码中搞砸了很多东西。是的，我确实有一个工作图（甚至添加了一些流畅的动画！），但是源代码没有赢得任何选美比赛，我已经修改了一些行为，所以它没有机会被合并到上游......
@kerryz 你能启发我们吗？
这没什么大不了的，只需在你的值数组中推送和取消移动一个虚拟值;)

标签： javascript d3.js nvd3.js

【解决方案1】：

在每个系列的前后添加元素。对于 x，使用第一个和最后一个数字之前和之后的数字。对于 y，使用 NaN。这将在条形之前和之后创建一个额外的空间。

【讨论】：

【解决方案2】：

对于社区来说，这是一种解决方法，在我处理天数时增加 1 天（在我的情况下是第二天），并使用 NaN 作为值，这样它就不会在图表上绘制；）不要犹豫询问更多信息:o)

  barChart.unshift([minTimestamp - 86400, NaN]);
  lineChart.unshift([minTimestamp - 86400, NaN]);

  barChart.push([maxTimestamp + 86400, NaN]);
  lineChart.push([maxTimestamp + 86400, NaN]);

【讨论】：