ChartJS中的图例框问题

Question

我们将Chartjs用于某些图表，并且遇到了cliackable图例框的问题，因为它们在某些情况下会显示而在其他情况下不会显示，如下面的快照所示：

我们观察到显示这些框的情况是页面在最小化时自动刷新。

任何人都可以告诉我们这里有什么问题吗？

提前多多感谢

Answer 1

这可能是因为你的画布不够大，不足以让你的传奇足够小。

一种解决方案是创建一个与画布完全分离的自定义图例。这可以使用legendcallback函数完成。 e.g

legendCallback: function (chartInstance) {
    //Generate legend here
}

另外，请确保您有

responsive: true

在图表选项中设置。

希望这有帮助！