Javascript Highcharts：如何调用<；中的外部.js文件；头>；我的海图页面_Javascript_Highcharts

Javascript Highcharts：如何调用<；中的外部.js文件；头>；我的海图页面

javascript highcharts

Javascript Highcharts：如何调用<；中的外部.js文件；头>；我的海图页面,javascript,highcharts,Javascript,Highcharts,此Highcharts JS函数工作正常（此处不包括HTML部分）：带有HTML数据的Highcharts图表 $（功能（mychart）{ Highcharts.chart（'容器'{ 数据：{ 表：document.getElementById（'datatable'）， startRow:0，尾行：10 }, 图表：{ 类型：“样条线” }, xAxis：{ 类型：“类别” }, 标题：{ 文字：'潮汐：坎迪港，新草地河，卡斯科湾，缅因州' }, 亚克斯：

此Highcharts JS函数工作正常（此处不包括HTML部分）：


带有HTML数据的Highcharts图表
$（功能（mychart）{
Highcharts.chart（'容器'{
数据：{
表：document.getElementById（'datatable'），
startRow:0，
尾行：10
},              
图表：{
类型：“样条线”
},
xAxis：{
类型：“类别”
},
标题：{
文字：'潮汐：坎迪港，新草地河，卡斯科湾，缅因州'
},
亚克斯：{
标题：{
文字：“潮汐高度
以英尺为单位。”
},
gridLineColor:“#197F07”，
网格线宽：0，
线宽：1，
绘图线：[{
颜色：“#FF0000”，
宽度：1，
数值：0
}]
},
工具提示：{
格式化程序：函数（）{
返回''+this.series.name+'
'+
this.point.y+'ft.
'+this.point.name；
}
}
});
});

我想做的是将JS函数放在一个单独的文件（相同的文件夹）中，并在我的highcharts页面的

中调用它。我已经创建了一个名为my chart.js的单独文件，其中包含该函数。当主highcharts页面加载时，如何调用该文件？

如果您的chart.js文件位于同一目录中，则本例中的文件路径为“/chart.js”

<html>
<head>
    <title>Highcharts Chart with HTML Data</title>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/data.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>


   <script src="/file/path/to/chart.js"></script>

</head>


带有HTML数据的Highcharts图表

将另一个脚本标记添加到图表中。js您使用了

highcharts

标签，但这个问题与它没有严格的关系。@jkmosdev OK，但当我按照上面的

加载外部脚本时，它会抛出一个错误：

语法错误：意外标记'
<html>
<head>
    <title>Highcharts Chart with HTML Data</title>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/data.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>


   <script src="/file/path/to/chart.js"></script>

</head>