D3：如何删除Y轴顶部和底部的刻度线

Question

我无法弄清楚如何在D3图表中关闭y轴顶部和底部的这些刻度线。任何帮助将不胜感激！

这是我如何生成轴：

// Set the ranges
var xScale = d3.time.scale().range([0, width]);
var yScale = d3.scale.linear().range([height, 0]);

// Define the axes
var xAxis = d3.svg.axis().scale(xScale)
  .orient("bottom")
  .ticks(2)
  .tickFormat(formatTime);

var yAxis = d3.svg.axis().scale(yScale)
  .orient("left")
  .ticks(2)
  .tickFormat(d3.format("$,"));

Answer 1

更好地使用CSS

.y.axis .tick line:first-child, 
.y.axis .tick line:last-child{
   opacity: 0;
}

Answer 2

您可以使用此脚本删除y轴上的所有刻度。

location  ~ ^/foo {
    rewrite ^foo(.*) /bar$1
    proxy_pass   http://example.com;
}