首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何从一个js文件中回调另一个js文件?

如何从一个js文件中回调另一个js文件?
EN

Stack Overflow用户
提问于 2017-04-09 03:17:31
回答 1查看 77关注 0票数 1

我有两个javascript文件baseChart.js和chart.min.js。我不想在index.html文件中包含我的chart.min.js。我只想在我的index.html中包含baseChart.js。

代码语言:javascript
代码运行次数:0
运行
复制
`var s = document.createElement("script");
s.setAttribute("src","js/Chart.min.js");
document.head.appendChild(s);

class BaseChart{

    constructor(area, settings) {

        this.area = area;
        this.settings = settings;
    }
    a() {
        new Chart(this.area, this.settings);
        console.log("BaseChart");
    }   
}


class BarChart extends BaseChart {
    constructor(area, settings) {
        super(area, settings);
    }
    /* constructor(ctx) {
        var data = {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            datasets: [
                {   
                    label: "My First dataset",
                    fill: false,
                    lineTension: 0.1,
                    backgroundColor: "rgba(75,192,192,0.4)",
                    borderColor: "rgba(75,192,192,1)",
                    borderCapStyle: 'butt',
                    borderDash: [],
                    borderDashOffset: 0.0,
                    borderJoinStyle: 'miter',
                    pointBorderColor: "rgba(75,192,192,1)",
                    pointBackgroundColor: "#fff",
                    pointBorderWidth: 1,
                    pointHoverRadius: 5,
                    pointHoverBackgroundColor: "rgba(75,192,192,1)",
                    pointHoverBorderColor: "rgba(220,220,220,1)",
                    pointHoverBorderWidth: 2,
                    pointRadius: 1,
                    pointHitRadius: 10,
                    data: [65, 59, 80, 81, 56, 55, 40],
                    spanGaps: false,
                },
                {
                    label: "Second",
                    data: [12, 56, 45, 23, 78, 23, 90],
                }
            ]
        };
        var lineChart = new Chart(ctx, {
            type: 'line',
            data: data
        });
    } */
    b() {
        super.a();
    }
}`

目前,这是baseChart.js文件,当我尝试运行这段代码时,我收到错误消息“图表未定义,因为我使用了'new Chart(this.area,this.settings);‘,并且chart.min.js在我调用此方法之前未初始化。”我想在初始化这个类和方法之前初始化chart.min.js。我使用的是chart.js库。那么,我该怎么做呢?

EN

回答 1

Stack Overflow用户

发布于 2017-04-09 04:44:27

我建议你通过npm安装chart.js。

代码语言:javascript
代码运行次数:0
运行
复制
npm install chart.js --save

然后像这样导入:

// ES6

代码语言:javascript
代码运行次数:0
运行
复制
import Chart from 'chart.js';

我假设你正在使用像webpack这样的捆绑器来编写上面的代码。如果不是,则必须在baseChart.js之前在索引文件中包含chart.min.js

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43299345

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档