d3时钟文字倒置

时间:2019-11-26 11:04:01

标签: javascript d3.js data-visualization

enter image description here

如何不让13到11的所有数字都旋转? (我希望将它们全部显示在当前位置,但不要旋转它们-如此处:http://bl.ocks.org/tomgp/6475678

这是我现在的代码:

var xTick = xAxis
        // .selectAll("g")
        .selectAll(".radial")
        .data(x.ticks(24))
        .enter().append("g")
        .attr("text-anchor", "middle")
        .attr("transform", function(d) {
          return "rotate(" + ((x(d)) * 180 / Math.PI - 90) + ")translate(" + innerRadius + ",0)";
        });

      xTick.append("line")
        .attr("x2", -5)
        .attr("stroke", "#595D5C");

      xTick.append("text")
      .attr("transform", function(d) {
        var angle = x(d.key);
        return ((angle < Math.PI / 2) || (angle > (Math.PI * 3 / 2))) ? "rotate(90)translate(0,0)" : "rotate(-90)translate(0, -15)"; })
          .text(function(d) {
          return d;
      })
      .style("font-size", 10)
      .attr("color", "#595D5C")
      .attr("opacity", 1)

0 个答案:

没有答案