如何从一个js文件中回调另一个js文件？
提问于 2017-04-08 19:17:31
我有两个javascript文件baseChart.js和chart.min.js。我不想在index.html文件中包含我的chart.min.js。我只想在我的index.html中包含baseChart.js。
`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库。那么，我该怎么做呢？
回答 1
Stack Overflow用户
发布于 2017-04-08 20:44:27
我建议你通过npm安装chart.js。
npm install chart.js --save然后像这样导入：
// ES6
import Chart from 'chart.js';我假设你正在使用像webpack这样的捆绑器来编写上面的代码。如果不是，则必须在baseChart.js之前在索引文件中包含chart.min.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43299345
复制相关文章
腾讯云开发者
