X軸標簽放錯了位置

Question

在這里的NVD3圖表中 ，我旋轉並平移了X軸ticks 。 結果，X軸標簽“ My X-axis也受到了影響。

JS：

    var xTicks = d3.select('.nv-x.nv-axis > g').selectAll('g');

    xTicks
      .selectAll('text')
      .attr('transform', function(d,i,j) { 
          return 'translate (-10, 40) rotate(-90 0,0)';
       )}

如何修改此代碼以跳過格式化X軸標簽的格式？

的jsfiddle

Answer 1

您之前已選擇了所有text元素進行轉換。 僅選擇tick標簽。

試試下面

xTicks.selectAll('g > .tick > text').attr('transform', function(d, i, j) {
    return 'translate (-10, 40) rotate(-90 0,0)'
});

// Bring the 'My X-Axis' label down to avoid overlap.
xTicks.select('.nv-axislabel').attr("y", 90)

希望能幫助到你