javascript - d3 改变饼图的位置(中间点)

标签 javascript svg d3.js gauge

有没有办法改变 D3 中饼图的位置? 看来我只能设置内半径和外半径,不能设置中心。 我想在我的圆环图(仪表)周围绘制另一个圆柱,但它现在不适合。 在 IE 中看起来没问题,所以这也可能是一个浏览器错误。 感谢任何帮助,我对 html/d3/javascript 很陌生。

我修改了我的代码: https://jsfiddle.net/mistert69/nz0tvq24/3/

没有半径中心? :

var arc = d3.svg.arc()
    .innerRadius(innerRadius)
    .outerRadius(outerRadius);

var pie = d3.layout.pie()
    .startAngle(-120 * (pi / 180))
    .endAngle(120 * (pi / 180));

最佳答案

嘿,您可以使用 attr('transform', 'translate(x, y)' 翻译包含饼图的组。

没有其他方法可以在 d3 中定位饼图。

关于javascript - d3 改变饼图的位置(中间点),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29196664/

相关文章:

Javascript 函数返回带参数的函数

javascript - 如何动态注入(inject)函数以使用 Puppeteer 进行评估?

html - SVG 在移动 Safari 中呈现较小

r - R中的Sankey图

javascript - 读取数据时删除行 D3

svg - html2canvas 不打印 jsPlumb 连接器

javascript - 缩略图滚动时显示的弹出窗口是如何设计的? JavaScript、CSS

javascript - 当我使用 ES 模块时,为什么变量在浏览器控制台中不可用?

javascript - 删除仅包含一种类别的 Highcharts 中轴和列之间的空格

css - Safari 在 SVG Logo 的顶部和底部提供填充