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

Question

我正在尝试将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 插件上遇到了类似的问题，但通过上面代码 sn-p 中的映射解决了。

我总是遇到的错误是

Uncaught TypeError: Cannot read property 'helpers' of undefined

这是来自第 11 行 here 。

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

Answer 1

我们也遇到了类似的问题。我们无休止地尝试了业主的解决方案，但无济于事。请查看此问题并将您的发现告诉我：https://github.com/chartjs/chartjs-plugin-zoom/issues/73。

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

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