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()