我想知道如何居中文本,并能够在悬停在组合图表一部分的圆环图内部时更新该文本.
我已经看到使用图表标题,verticalAlign和setTitle的解决方案,但是当圆环图是组合图表的一部分时,这种方法似乎不起作用.
我也尝试使用位于圆环图中心的div.这不能很好地工作,因为当主要系列的y访问标签变得更宽(即更多数字)时,圆环图向右滑动并且div不再以圆环图为中心.
我添加了一个jsfiddle,可用于演示您在获取渲染文本,标题,div,以及在圆环图上居中的任何建议,这些建议也会随着该图表移动.
{type: 'pie',
name: 'Total consumption',
我在项目中使用的是d3甜甜圈图，但在甜甜圈内部将文本居中时遇到问题。我找到了一段已修改的代码，但坦率地说我不太了解。
我在中间添加了文本，但它并没有居中。有没有人可以帮助我确定中心？我尝试添加'margin-top'来降低它，但这不起作用，也没有做很多我尝试过的CSS事情。
这是附加文本的特定部分：
svg.append("text")
.attr({
"text-anchor": "middle",
}).style({'fill': 'red', 'font-size': '18px'}).text(calories);
};
Codepen：http：//codepen.io/anon/pen/xwwBBm