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

时间:2018-05-04 10:11:42

标签: javascript requirejs chart.js chartjs-plugin-zoom

我尝试将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:无法读取属性'帮助者'未定义的

这来自第11行here

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

1 个答案:

答案 0 :(得分:1)

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

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

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