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.somethinghere这样的东西来做这件事？

谢谢

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;}删除所有轴和直线

:)

Answer 3

要删除网格线，请执行以下操作：

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

轴可以更直接地完成：

.showYAxis(false)
.showXAxis(false)