javascript - nvd3 + 线条加条形图 + 对齐轴

Question

不确定我是否以正确的方式处理这个问题，但这里是......

所以我有这个例子see fiddle here使用 lineplusbarchart 我正在根据我在这里发布的这个问题进行构建: SO question

我已经编辑了 lineplusbarchart 以在 xaxis 上显示标签:

    chart.xAxis.tickFormat(function(d) {
  var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
          return dx;
      })
      .showMaxMin(false);

但我仍然遇到一些问题来获得我想要的东西......

1 ->
如何使 y1 和 y2 轴对齐？ (理想情况下如果只有一个轴就好了)
2 ->
如何删除 y2 轴？ ( soution here 但这不起作用，因为我希望 2 轴对齐)
3 ->
如何使 label1 和 label5 的条形图部分的厚度与其他部分(lable2、3 和 4)的厚度相同？

Answer 1

希望这有帮助:

1. 您可以使用chart.lines.forceY()来设置范围。为了做到这一点使用动态值我建议找到附加数据的总体最大值并将其用于条形和线条。例如:

   var maxValue = d3.max(d3.entries(testdata), function(d) {
           return d3.max(d3.entries(d.value.values), function(e) {
               return e.value.y;
           });
       }),
       minValue = 0;
   
   chart.bars.forceY([minValue, maxValue]);
   chart.lines.forceY([minValue, maxValue]);
   

2. 您发布的解决方案也正是我会做的。
3. 删除 padData()