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

Question

This is what it looks like:

This is what I want it to look like:

(Created by adding dummy data in the beginning and end, and manually deleting svg paths...)

.forceX() only works for the small focus chart (the bottom one), but not with the main chart. I've been trying to fix it in the source code to no avail.

Answer 1

Add elements to before and after for each series. For x, use the number before and after the first and last number. For y, use NaN. This will create an extra space before and after the bars.

Answer 2

For the community here is the workaround, adding 1 day in my case as I deal with days (in second in my case), and using NaN as value so that it is not draw on the chart ;) Don't hesitate to ask for more informations :o)

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

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