使用require.js发出加载chart.js缩放插件的问题

Posted 2021-04-09

我正在尝试使用chart.js zoom plugin和我的Qlik Sense扩展。 Qlik在这里并不是真的相关，但我还是会提到它。

所以这是我尝试通过require.js加载插件的方式：

require.config({
    paths: {
        chart: "//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min",
        datalabels: "//cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.3.0/dist/chartjs-plugin-datalabels.min",
        zoom: "//cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-zoom/0.6.3/chartjs-plugin-zoom.min"
    },
    map: {
        datalabels: {
            "chart.js": "chart"
        },
        zoom: {
            "chart.js": "chart"
        }
    }
});

我在datalabels插件中遇到了类似的问题，但它是通过上面代码片段中的映射解决的。

我一直得到的错误是

未捕获的TypeError：无法读取未定义的属性'helpers'

这是来自第11行here。

有关如何要求此插件克服此错误的任何帮助？到目前为止，我试图寻找一个没有运气的解决方案。提前致谢。

答案

我们也有类似的问题。我们曾无休止地试图尝试业主解决方案但无济于事。请看这个问题，让我知道你的发现：https://github.com/chartjs/chartjs-plugin-zoom/issues/73。

问题出现是因为RequireJS要求库省略.js，因此模块ID chart.js将无法正确加载。

关于第11行的错误，我们也复制了该问题，我们的结论是图表没有正确加载。