javascript - 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);});
提前非常感谢!
解决方案
推荐阅读
- node.js - 谷歌表格 api 连接 - 没有“新”就无法调用错误 JWT
- python - 运行“python main.py”时,python编译器是将整个文件编译成字节码还是逐行编译并执行?
- java - com.ibm.websphere.ce.cm.StaleConnectionException:IO 错误:在 OracleDb 上用 PDF 更新插入记录时连接重置
- swift - 有没有办法以编程方式更改在 Reality Composer 中创建的实体的材质?
- node.js - 打开网址并在后台写入
- android - 如何从 ViewModel 引用视图(例如 Spinner 值)
- python-3.x - 使用 gensim.utils.simple_preprocess 过滤特殊字符失败
- ruby-on-rails - 尝试获取与我的平台表链接的简单表单的问题
- git - Git Pull Failed Invocation failed 来自服务器的文件意外结束
- angular - 从输入角度取消定义值