将y轴上的数字显示为百分比

Question

下面的代码显示y轴。 如何在y轴上将数字显示为％？

例如0应显示为0％，10应显示为10％... 100应显示为100％等。

      var margin = { top: 30, right: 10, bottom: 10, left: 50 },
        width = 500,
        height = 200;

      var yScale = d3
        .scaleLinear()
        .range([height - margin.top - margin.bottom, margin.top]);
      yScale.domain([0, 100]);

      var yAxis = d3.axisLeft(yScale).tickSize(10);
      var svg = d3
        .select("body")
        .append("svg")
        .attr("viewBox", [0, 0, width, height]);
      svg
        .append("g")
        .attr("class", "y axis")
        .attr("transform", `translate(${margin.left},0)`)
        .call(yAxis)

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>