首页 > 解决方案 > d3.js 雷达图标签旋转

问题描述

我正在尝试创建一个带有沿雷达线旋转的标签的雷达图,如下图所示:https ://i.imgur.com/3SPdhb9.png

当前代码:

    axis.append("text")
    .attr("class", "legend")
    .text(function(d){return d})
    .style("font-family", "sans-serif")
    .style("font-size", "11px")
    .attr("text-anchor", "middle")
    .attr("dy", "1.5em")
    .attr("transform", function(d, i){return "translate(0, -10)";})
    .attr("x", function(d, i){return w/2*(1- factorLegend*Math.sin(i*radians/total))-60*Math.sin(i*radians/total);})
    .attr("y", function(d, i){return h/2*(1-Math.cos(i*radians/total))-20*Math.cos(i*radians/total);});

提前非常感谢!

标签: javascriptd3.jsradar-chart

解决方案


推荐阅读