相关疑难解决方法(0)

我想在HighCharts的馅饼/甜甜圈图表的中心放置一个标题.

我没有在图表选项中看到任何可以直接启用它的内容,所以我认为它需要使用Highcharts SVG渲染器 - chart.renderer.text('My Text', x, y).

我有这个设置,但我不能让文本在馅饼中居中.x和y值似乎不接受百分比.是否有一种程序化的方法让它在情节中居中,并在容器大小调整中存活？

更新:将x和y设置为50%可以使圆圈居中(使用renderer.circle(x, y, radius)),但不能居中(使用renderer.text(text, x, y)).

请在此处查看结果:http://jsfiddle.net/supertrue/e2qpa/

小提琴

我试图使用D3基本上将标签插入到圆环图的中心.我能够使用我发现的现有代码并对其进行操作,因此图形中间的所有切片都在中间显示,就像那里有一个标签,但我认为只是想弄清楚如何使它成为中心更永久的家.我是JS和D3的新手.

任何帮助都是值得的.

谢谢

这是目前伪造中心标签的代码.

svg.selectAll("text").data(pie(data)).enter()
.append("text")
.attr("class","label1")
.attr("transform", function(d) {
   var dist=radius-120;
   var winkel=(d.startAngle+d.endAngle)/2;
   var x=dist*Math.sin(winkel)-4;
   var y=-dist*Math.cos(winkel)-4;

   return "translate(" + x + "," + y + ")";
})