title: How to hide first Y Axis line on an nvd3 chart?
body: <p>Plnkr example:
  <a href="http://plnkr.co/edit/19D5cnrVYdUrMlblQARy?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/19D5cnrVYdUrMlblQARy?p=preview</a></p>
  
  <p>Screenshot from my app:
  <a href="https://i.stack.imgur.com/6VldY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6VldY.png" alt="enter image description here"></a></p>
  
  <p>I've tried modifying the CSS, however I was only able to remove the 2nd (right Y axis line), but not the first left Y axis line.</p>
  
  <p>What I've tried:</p>
  
  <pre><code>.nv-y { 
      display: none;
  }
  </code></pre>
  
  <p>As well as all the lines from this answer: <a href="https://stackoverflow.com/questions/32750158/alter-first-vertical-grid-line-in-nvd3">Alter first vertical grid line in nvd3</a></p>
  
  <pre><code>d3.selectAll('.nv-y').attr('display','none')
  
  d3.selectAll('.nv-y path').attr('opacity','0.1')
  
  d3.selectAll('.nv-y path').attr('display','none')
  </code></pre>
  
  <p>My current drawChart function:</p>
  
  <pre><code>function drawChart(res) {
      console.log(' ');
      console.log('drawChart res = ',res);
      nv.addGraph(function() {
          var chart = nv.models.linePlusBarChart()
              .margin({top: 30, right: 40, bottom: 50, left: 40})
              .x(function(d,i) { return i })
              .y(function(d) { return d[1] })
              .color(d3.scale.category10().range());
  
          chart.xAxis.tickFormat(function(d) {
              var dx = res[0].values[d] &amp;&amp; res[0].values[d][0] || 0;
              return d3.time.format('%x')(new Date(dx))
          });
  
          chart.y1Axis
              .tickFormat(d3.format(',f'));
  
          chart.y2Axis
              .tickFormat(function(d) { return '$' + d3.format(',f')(d) });
  
          chart.bars.forceY([0]);
          // https://stackoverflow.com/questions/23754188/nvd3-js-how-to-disable-tooltips-for-one-serie-only
          chart.lines.interactive(false);
          // http://nvd3-community.github.io/nvd3/examples/documentation.html#line
          chart.height(280);
          // If not chart data is avaliable to display:
          chart.noData("There is no Data to display at the moment.");
  
          // Remove legend:
          chart.showLegend(false);
  
          d3.select('#chart svg')
              .datum(res)
              .transition().duration(500)
              .call(chart);
  
          d3.selectAll('.nv-y path').attr('display','none');
  
          nv.utils.windowResize(chart.update);
  
          return chart;
      });
  }
  </code></pre>