0

背景

我正在寻找一种替代方法来替代我使用 curljs 模块加载 highcharts.js 的当前技术。目前我正在以这种方式加载所需的库:

define("Test", ["jquery",
    "js!https://code.highcharts.com/highcharts",
    "js!https://code.highcharts.com/highcharts-more",
    "js!https://code.highcharts.com/modules/exporting"],

function ($, hchart, hchartmore, hchartexp) {
    var testFunc = function () {
        return {
            markup: function () {
                $("#mixer").html("did it");
            },
            chartIt: function () {
                window.chart = new Highcharts.Chart({

               // do the highchart configs});
    };


    return testFunc;
});

这目前有效,您可以参考我的jsfiddle 演示我当前的解决方案

我尝试使用js 填充 Highchart!插件并创建 curl 文档指定的 curl 配置对象:

curl = {
    baseUrl: "",
    paths: {
        "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js",
        "hchart": "js!https://code.highcharts.com/highcharts",
        "hchartmore":"js!https://code.highcharts.com/highcharts-more",
        "hchartmore":"js!https://code.highcharts.com/modules/exporting"}
}; 

但是当 curl 尝试读取 highchart.js 文件时,我收到“define() 丢失或重复”错误。

那么我的问题是我的解决方案是否合适,即使它有效?有替代品吗?

4

1 回答 1

2

尝试使用 curl.js 的旧版加载器。它非常适合全局脚本,例如 highcharts。

var hchartBase = "https://code.highcharts.com/";
var hchartCfg = {
    loader: "curl/loader/legacy",
    exports: "Highcharts"
};
curl.config({
    baseUrl: "",
    paths: {
        "curl": "your/path/to/curl/curl.js",
        "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js",
        "hchart": { location: hchartBase + "highcharts", config: hchartCfg },
        "hchartmore": { location: hchartBase + "highcharts-more", config: hchartCfg },
        "hchartexp": { location: hchartBase + "modules/exporting", config: hchartCfg }
    }
});

请注意,我包含了 curl 的路径。这是 curl 查找遗留加载程序所必需的。

通常,您不会对所有三个库使用相同的旧配置,但是由于我无法判断 highcharts-more 和导出库是否没有声明 curl 可以代表您导出的任何有用的全局变量,所以我只是使用了三者的配置相同。

更多信息在这里:https ://github.com/cujojs/curl/tree/master/src/curl/loader

于 2015-01-05T19:54:00.987 回答