Highcharts 如何将内嵌在组合图表中的甜甜圈图表中的文本居中
我想知道如何将文本居中,并能够在作为组合图表一部分的甜甜圈图表内的悬停位置上更新文本 我见过使用图表标题、垂直对齐和设置标题的解决方案,但当油炸圈饼图表是组合图表的一部分时,这种方法似乎不起作用 我还尝试过使用位于油炸圈饼图表中心的div。这样做效果不好,因为当主系列的y访问标签变宽(即更多数字)时,圆环图会向右滑动,div不再位于圆环图的中心 我添加了一个jsfiddle,它可以用来演示您对获取呈现文本、标题、div的任何建议,无论是以圆环图为中心的还是与该图表一起移动的Highcharts 如何将内嵌在组合图表中的甜甜圈图表中的文本居中,highcharts,Highcharts,我想知道如何将文本居中,并能够在作为组合图表一部分的甜甜圈图表内的悬停位置上更新文本 我见过使用图表标题、垂直对齐和设置标题的解决方案,但当油炸圈饼图表是组合图表的一部分时,这种方法似乎不起作用 我还尝试过使用位于油炸圈饼图表中心的div。这样做效果不好,因为当主系列的y访问标签变宽(即更多数字)时,圆环图会向右滑动,div不再位于圆环图的中心 我添加了一个jsfiddle,它可以用来演示您对获取呈现文本、标题、div的任何建议,无论是以圆环图为中心的还是与该图表一起移动的 {type: 'pi
{type: 'pie',
name: 'Total consumption',
您可以使用
渲染器
在图表上添加自定义文本。然后可以使用元素.on()
添加事件。请参阅实时示例:
答案如下:
$('#container').highcharts({
chart: {
events: {
load: function() {
var chart = this,
rend = chart.renderer,
pie = chart.series[4],
left = chart.plotLeft + pie.center[0],
top = chart.plotTop + pie.center[1],
text = rend.text("text", left, top).attr({ 'text-anchor': 'middle'}).add();
text.on("mouseover", function() {
alert("hover!");
});
}
}
},
...
});