gpt4 book ai didi

javascript - 为什么我收到未捕获的 ReferenceError : Plotly is not defined

转载 作者:行者123 更新时间:2023-12-03 15:52:06 30 4
gpt4 key购买 nike

我收到了 Uncaught ReferenceError: Plotly is not defined我的页面加载时出错。以下代码位于我的 div 元素下方,其中呈现了绘图,但位于 Plotly.newPlot('myDiv', dataPlot, layout); 行在 socket.on 内监听器是引发此错误的地方。

var dataPlot = [{
x: ['a', 'b', 'c', 'd'],
y: [0, 0, 0, 0],
type: 'bar'
}];

var layout = {
autosize: false,
width: 500,
height: 500,
margin: {
l: 50,
r: 50,
b: 100,
t: 100,
pad: 4
}
};

// Listener, whenever the server emits 'updatechat', this updates the chat body
socket.on('updatechat', function (username, data) {
$('#conversation').append('<b>'+username + ':</b> ' + data + '<br>');
if (data ==='a'){
dataPlot[0]['y'][0]++;
} else if (data === 'b'){
dataPlot[0]['y'][1]++;
} else if (data === 'c'){
dataPlot[0]['y'][2]++;
} else if (data === 'd'){
dataPlot[0]['y'][3]++;
}
Plotly.newPlot('myDiv', dataPlot, layout);
});

$("#clearplot").click(function() {
var dataPlot = [{
x: ['a', 'b', 'c', 'd'],
y: [0, 0, 0, 0],
type: 'bar'
}]
Plotly.newPlot('myDiv', dataPlot, layout);
});

我已包含 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>在我的 HTML5 文档的头部,以及 Plotly.newPlot('myDiv', dataPlot, layout);在我的 clearplot功能工作正常。为什么只有 updatechat 有错误听众?

编辑
我弄清楚了这个问题。问题是这段代码嵌入在一个 Angular 应用程序中,所以我只需要包含 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>在模板 HTML 文件的头部,而不是本地 HTML 文件的头部。

最佳答案

看起来你忘了包含 Plotly对您的代码的脚本引用。
尝试添加:<script src="https://cdn.plot.ly/plotly-latest.min.js"></script><head> HTML 页面的部分。

关于javascript - 为什么我收到未捕获的 ReferenceError : Plotly is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45868530/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com