Javascript 将Plot.ly与图形的外部脚本一起使用

我正在使用Plot.ly.js向我的网站添加一些图表。我正在尝试使用一个外部脚本来绘制图形，因为我将在几个不同的页面上使用相同的函数。在.aspx页面的开头，我有以下内容：

<script src="Scripts/plotly-latest.min.js"></script>

如果我把它直接放在我的.aspx页面中，那么它工作得很好，但我真的希望它是外部的。所以，我试着在我想要图表的地方添加这个：

<div id="myDiv" style="width: 480px; height: 400px;">
    <script src="Scripts/LineCharts.js" type="text/javascript" ></script>  
    <script>
           drawLines()
       </script>
</div>

抽绳（）

我也尝试过用SRC＝“脚本…”一开始，我也为Pr.T.L.库做了这件事。无论如何，它们都不起作用；图表只是在页面上没有显示（但是DIV元素有空白）。。我知道我应该能够非常轻松地使用外部脚本，但我只是不知道如何将其放入我的.aspx页面中，以使其工作。我希望它在页面最初加载时运行

---

我意识到这是一个非常基本的问题，可能是一个愚蠢的问题，但我以前从未处理过这些问题，我真的需要一些帮助。

当您将脚本保存为外部文件时，您将无法再访问HTML div“myDiv”“。您需要通过在脚本开头添加以下内容来显式获取对div的引用：

var myDiv=document.getElementById（'myDiv'）

现在在调用
Plotly.newPlot
时，需要传递该变量本身，而不是字符串id，即

Plotly.newPlot（myDiv、数据、布局）

此外，这更像是一个编码风格问题，但您应该在外部脚本中调用
drawLines（）
，而不是在HTML中的内联脚本中调用

希望这有帮助

<div id="myDiv" style="width: 480px; height: 400px;">
    <script src="Scripts/LineCharts.js" type="text/javascript" ></script>  
    <script>
           drawLines()
       </script>
</div>