Chart.js派工具提示被削减

Question

我正在使用带有工具提示的Chart.js饼图,这些工具提示由于某种原因被削减.

附上截图,没有找到任何属性/选项来处理它..

反正有没有照顾它？

谢谢!

Answer 1

这个不正确的截止值被提升为ChartJS的Github存储库中的问题#622.

这被确定为一个bug(显然这个bug还没有修复)

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

针对这个问题,Robert Turrall提出了一个解决方案,他说这是一个很好的解决方法.这是他提出的修复方案:

我确信这是因为工具提示是在画布的范围内生成的,因此难以修复.

我在我的圆环图上遇到了同样的问题,并根据samples文件夹中的示例实现自定义工具提示解决了这个问题 - 与图表初始化代码中现有的工具提示字体大小和模板设置一起使用:

var myDoughnutChart = new Chart(donut).Doughnut(donutdata, {
  tooltipFontSize: 10,
  tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>hrs",
  percentageInnerCutout : 70
});

查看样本/ pie-customTooltips.html以获取自定义工具提示代码.复制/粘贴,它立即工作.很高兴!

工具提示显示在画布范围之外:

PS:还有一个折线图示例,我猜测它可以在条形图中正常工作.