Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ChartJS中的图例框问题_Javascript_Html_Chart.js - Fatal编程技术网

Javascript ChartJS中的图例框问题

Javascript ChartJS中的图例框问题,javascript,html,chart.js,Javascript,Html,Chart.js,我们对一些图形使用Chartjs,并且在cliackable图例框方面存在问题,因为它们在某些情况下显示,而在其他情况下不显示,如以下快照所示: 我们观察到的显示这些框的情况是,页面在最小化时自动刷新 有人能告诉我们这里出了什么问题吗 提前多谢这可能是因为您的画布不够大,无法以足够小的尺寸容纳图例 一种解决方案是创建一个完全独立于画布的自定义图例。这可以使用legendcallback函数来完成。 e、 g 另外,确保你有 responsive: true 在图表中设置选项 希望这有帮助

我们对一些图形使用Chartjs,并且在cliackable图例框方面存在问题,因为它们在某些情况下显示,而在其他情况下不显示,如以下快照所示:

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

有人能告诉我们这里出了什么问题吗


提前多谢

这可能是因为您的画布不够大,无法以足够小的尺寸容纳图例

一种解决方案是创建一个完全独立于画布的自定义图例。这可以使用legendcallback函数来完成。 e、 g

另外,确保你有

responsive: true
在图表中设置选项


希望这有帮助

感谢您的回复,但是两个图形都是在相同的画布上以相同的大小绘制的,而且当自动刷新发生并且浏览器最小化时,这些图例会出现。
responsive: true