未捕獲的錯誤：提供的 DOM 元素是 null 或在 plotly JS 中未定義

Question

這是我的代碼：

frequencywindow.webContents.executeJavaScript(`graphDiv = document.getElementById("myDiv");`)
var traceA = {
  x: [1, 2, 3, 4, 16, 17, 26],
  y: [1, 40, 9, 60, 4, 20, 10],
  type: 'scatter'
};
var data = [traceA];
var layout = {
  title:'A Line Chart in Plotly'
};
Plotly.plot( graphDiv, data, layout );

我在我的 electron 應用程序中使用 plotly。 我收到類似“未捕獲的錯誤：提供的 DOM 元素是 null 或未定義”的錯誤。 我是 plotly 的新手。 有人可以幫助我嗎？

Answer 1

解決方案：

將 Javascript 代碼（或引用它）放在 HTML 主體的末尾。

解釋：

Uncaught Error: DOM element provided is null or undefined means that the HTML element with id='myDiv' is not present on the HTML page at the time when the Javascript code is being executed.

By placing the Javascript code at the end of the HTML body, you let the whole HTML page load before calling the code, and thus, the code can "see" the HTML element with id='myDiv' .