Javascript D3.js-显示Y轴上的刻度值

我试图在y轴上写记号，单位为%（0到100），但是当我使用此代码时，只显示一个记号，没有数字（%label显示）

y轴的代码

    var y0 = d3.scale.linear().range([height, 0]);
    var yAxisLeft = d3.svg.axis()
          .scale(y0)
          .orient("left")
          .tickValues(d3.range(0, 100, 10));
    svg.append("g")
          .attr("class", "y axis")
          .style("fill", "steelblue")
          .call(yAxisLeft)
          .append('text')
          .text('%');

这适用于x轴（按预期工作）：

尝试

勾号（10，“%”

而不是

勾号值（d3.范围（0,100,10））

var margin={top:20，right:20，bottom:30，left:50}，
宽度=900-边距。左侧-边距。右侧，
高度=450-边距.顶部-边距.底部；
var svg=d3.选择（“正文”）.追加（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）
.附加（“g”）
.attr（“转换”、“平移”（+margin.left+）、“+margin.top+”）；
变量y0=d3.scale.linear（）.range（[height，0]）；
var yaxisleet=d3.svg.axis（）
.刻度（y0）
.东方（“左”）
.勾号（10，“%”）；
//.滴答声值（d3.范围（0,100,10））；
svg.append（“g”）
.attr（“类”、“y轴”）
.样式（“填充”、“钢蓝”）
.呼叫（左）
.append（'text'）


var x = d3.scale.ordinal()
      .domain(d3.range(m))
      .rangeRoundBands([0, width], .08);
var xAxis = d3.svg.axis()
      .scale(x)
      .tickSize(0)
      .tickPadding(6)
      .orient("bottom");
svg.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(xAxis);