Chartjs 扩展甜甜圈与文本工具提示问题

Question

我正在尝试在 chartjs 中构建一个扩展甜甜圈。我想以百分比的形式显示最高值，并在中间显示它的标签。它在加载时工作正常，但在悬停事件后中断。一个正在显示的工具提示破坏了第一个绘制事件并将文本移动到左侧，我不知道如何解决这个问题。我做了一个 fiddle 来描述这个问题： http://fiddle.jshell.net/3be5zb0v/

关于如何解决这个问题有什么想法吗？

Answer 1

工作 fiddle - http://fiddle.jshell.net/3be5zb0v/1/

只需在 fillText 之前添加这个

thechart.textAlign = 'start';