NVD3 Line Plus Bar带焦点图表仅显示第一个和最后一个条的半宽

Question

这就是它的样子：

这就是我想要的样子：

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

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

Answer 1

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

Answer 2

对于社区，这里是解决方法，在我处理天数（在我的情况下为秒）中添加1天，并使用NaN作为值，以便它不在图表上绘制;）不要犹豫要求更多信息：o）

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

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