如何在 Laravel 5.8 中使 chart.js 动画/增长/活着？

Posted 2023-05-08

【中文标题】如何在 Laravel 5.8 中使 chart.js 动画/增长/活着？

【英文标题】：How to make chart.js animate/growth/alive in Laravel 5.8?

【发布时间】：2019-11-08 20:46:13

【问题描述】：

我在 php 7.2 Laravel 5.8 上使用 Chart.js

众所周知，Laravel 是纯粹的 MVC。我在控制器中调用我的 API，然后将其传递给视图并绘制图表。

我的图表似乎没有推动增长。

我所说的动画增长是什么意思？

在此处查看此示例：https://www.chartjs.org/samples/latest/charts/area/line-stacked.html

【参考方案1】：

你的画布应该被包裹在一个具有定义宽度/高度的元素中

【讨论】：

如果我这样做，它会增长吗？？

这与 laravel 本身无关 - 如果它没有为 @kyo 设置动画，则意味着您将其嵌入错误 - 如果您没有比“它不工作”更具体，我们只能猜测......我'd 建议您使用非动画代码发布JSFiddle

【参考方案2】：

尝试使用 HTMLCanvasElement.getContext()。喜欢以下 new Chart(document.getElementById('bwChart').getContext("2d"), config);ddd

【讨论】：

@kyo 你错过了 HTMLCanvasElement.getContext() 如果你添加，它会正常工作;)