nvd3折线图,如何删除网格线和y轴

Question

我用取景器制作了一个折线图.

这是我的初始代码

     var chart = nv.models.lineWithFocusChart();

 // chart.transitionDuration(500);
  chart.xAxis
      .tickFormat(d3.format(',g'));
  chart.xAxis
        .axisLabel("Date");
  chart.xAxis.tickPadding(0);


  chart.x2Axis
      .tickFormat(d3.format(',g'));




  chart.yAxis
      .tickFormat(d3.format(',.2g'));
  chart.y2Axis
      .tickFormat(d3.format(',.2h'));
 // chart.showYAxis(false);

我想删除y轴标签(即我想要在y轴上没有显示数字).

我还想删除所有网格线.

有没有像chart.yAxis.something这样做？

谢谢

Answer 1

删除y轴上的刻度线

.nv-axis.nv-y .tick line {
        display:none;
    }

删除x轴上的刻度

.nv-axis.nv-x .tick line {
        display:none;
    }

删除x轴上的标签

.showXAxis(false)

删除y轴上的标签

.showYAxis(false)

删除所有网格线

.nv-axis .tick line {
        display:none;
    }

Answer 2

.showYAxis(false) 应该删除y轴.

如果这不起作用,您可以.nv-y text{display: none;}作为样式应用.

使用样式.tick line {display: none;}去除网格线,并保持x轴.

摆脱所有轴和线 .tick{display: none;}

:)