时间戳

首页 > 解决方案 > Chart.js 图表在硬刷新之前不会加载 [Laravel] [Laravel 图表]

javascript - Chart.js 图表在硬刷新之前不会加载 [Laravel] [Laravel 图表]

问题描述

我似乎很难让我的图表在没有硬刷新（ctrl+shift+r）的情况下显示。

我正在使用带有 Chart.js 图表集的ConsoleTVs/Charts Laravel 包。

我已经<script src="{{ asset('js/Chart.min.js') }}"></script>在我的<head>和下面包含了我为图表加载的脚本{!! $chartA->scripts() !!}和{!! $chartB->scripts() !!}

图表偶尔显示；大多数时候，他们需要一次艰难的刷新才能展示出来。

我已将脚本添加version()到我的 webpack 文件中，chart.min.js以防止它被缓存mix.js('resources/js/Chart.min.js', 'public/js').version();

有什么建议吗？

这是正在发生的事情的一个例子：-演示

标签： javascriptlaravelchart.js

解决方案

使用来自 CDNJS 的脚本： 

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8">
 </script>

利用 ：

{!! $yourVar->script() !!}

在您的模板参考的末尾：这里

推荐阅读