Chart.js饼图工具提示被削减

Idan Gozlan 发表于 Javascript

111

如果Gozlan：

我正在使用带有工具提示的Chart.js饼图，由于某些原因，该提示被剪切了。

附带的屏幕截图，未找到任何可处理的属性/选项。

反正有照顾吗？工具提示被剪切

谢谢！

牌：

在ChartJS的Github存储库中，此不当截断已作为问题＃622提出。

这被确定是一个错误（显然此错误尚未修复）

https://github.com/nnnick/Chart.js/issues/622

针对该问题，Robert Turrall有一个解决方案，他说这是一个很好的解决方法。这是他建议的解决方法：

我敢肯定，这是由于工具提示是在画布范围内生成的，因此很难修复。

我在甜甜圈图上遇到了相同的问题，并通过根据示例文件夹上的示例实施自定义工具提示来解决了该问题-与图表初始化代码中的现有工具提示字体大小和模板设置一起使用：
var myDoughnutChart = new Chart(donut).Doughnut(donutdata, {
  tooltipFontSize: 10,
  tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>hrs",
  percentageInnerCutout : 70
});
查看sample / pie-customTooltips.html以获取自定义工具提示代码。复制/粘贴，它立即起作用。很高兴！

工具提示显示在画布的边界之外：

PS：也有一个折线图示例，我想它可以与条形图一起使用。