Javascript 将HTML、CSS和JS组合成一个HTML文件（使用GoogleCharts API创建钟形曲线）
我想将HTML、CSS和JS组合成一个HTML脚本，用于“Bell Curve Using GoogleCharts API”中已经创建的代码 它应该很简单，就像把CSS放在样式中，把JS放在脚本中一样，对吗？由于某种原因，我不能让它工作。任何帮助都将不胜感激。这是我的密码：Javascript 将HTML、CSS和JS组合成一个HTML文件（使用GoogleCharts API创建钟形曲线）,javascript,html,css,charts,Javascript,Html,Css,Charts,我想将HTML、CSS和JS组合成一个HTML脚本，用于“Bell Curve Using GoogleCharts API”中已经创建的代码 它应该很简单，就像把CSS放在样式中，把JS放在脚本中一样，对吗？由于某种原因，我不能让它工作。任何帮助都将不胜感激。这是我的密码： <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts
<html>
<head>
<script type="text/javascript"
src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
var data;
var options;
let chart;
var stndDev = 1;
var mean = 0;
let xMin = -3;
let xMax = 3.1;
let xLeft = -2;
let xRight = 1.25;
google.charts.load("current", { packages: ["corechart"] });
google.charts.setOnLoadCallback(prepareChart);
function prepareChart() {
data = new google.visualization.DataTable();
setChartOptions();
addColumns();
addData();
drawChart();
}
function setChartOptions() {
options = { legend: "none" };
options.hAxis = {};
options.hAxis.minorGridlines = {};
options.hAxis.minorGridlines.count = 5;
return options;
}
function addColumns() {
data.addColumn("number", "X Value");
data.addColumn("number", "Y Value");
data.addColumn({ type: "boolean", role: "scope" });
data.addColumn({ type: "string", role: "style" });
}
function addData() {
data.addRows(createArray(xMin, xMax, xLeft, xRight, mean, stndDev));
}
function createArray(xMin, xMax, xLeft, xRight, mean, stndDev) {
let chartData = new Array([]);
let index = 0;
for (var i = xMin; i <= xMax; i += 0.1) {
chartData[index] = new Array(4);
chartData[index][0] = i;
chartData[index][1] = jStat.normal.pdf(i, mean, stndDev);
if (i < xLeft || i > xRight) {
chartData[index][2] = false;
}
chartData[index][3] =
"opacity: 1; + color: #8064A2; + stroke-color: black; ";
index++;
}
return chartData;
}
function drawChart() {
chart = new google.visualization.AreaChart(
document.getElementById("chart_div")
);
chart.draw(data, options);
}
</script>
</head>
<body>
<style>
#chart_div{
width: 1200px;
height: 600px;
margin: 5px;
}
</style>
<h1>Bell Curve with Google Charts API</h1>
<div id="chart_div"></div>
</body>
</html>
load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
var数据；
var期权；
让图表；
var stndDev=1；
var均值=0；
设xMin=-3；
设xMax=3.1；
设xLeft=-2；
设xRight=1.25；
load（“当前”{packages:[“corechart”]}）；
google.charts.setOnLoadCallback（prepareChart）；
函数prepareChart（）{
data=new google.visualization.DataTable（）；
setChartOptions（）；
addColumns（）；
addData（）；
图纸（）；
}
函数setChartOptions（）{
选项={图例：“无”}；
options.hAxis={}；
options.hAxis.minorGridlines={}；
options.hAxis.minorGridlines.count=5；
返回选项；
}
函数addColumns（）{
数据。添加列（“数字”、“X值”）；
数据。添加列（“编号”、“Y值”）；
addColumn（{type:“boolean”，role:“scope”}）；
addColumn（{type:“string”，role:“style”}）；
}
函数addData（）{
addRows（createArray（xMin，xMax，xLeft，xRight，mean，stndDev））；
}
函数createArray（xMin、xMax、xLeft、xRight、mean、stndDev）{
让chartData=新数组（[]）；
设指数=0；
对于（变量i=xMin；i xRight）{
图表数据[索引][2]=假；
}
图表数据[索引][3]=
“不透明度：1；+颜色：#8064A2；+笔划颜色：黑色；”；
索引++；
}
返回图表数据；
}
函数绘图图（）{
图表=新的google.visualization.AreaChart(
document.getElementById（“图表分区”）
);
图表绘制（数据、选项）；
}
#图表组{
宽度：1200px；
高度：600px；
保证金：5px；
}
带谷歌图表API的钟形曲线
代码当前导致“数据表未定义”错误。如果检查控制台错误（说明），您将看到“jStat”，JS需要的第三方库未定义
test.html:50 Uncaught (in promise) ReferenceError: jStat is not defined
at createArray (test.html:50)
at addData (test.html:42)
at prepareChart (test.html:25)
loader.js<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jstat/1.7.0/jstat.min.js"></script>
如果您检查控制台错误（操作说明），您将看到“jStat”，JS需要的第三方库没有定义
test.html:50 Uncaught (in promise) ReferenceError: jStat is not defined
at createArray (test.html:50)
at addData (test.html:42)
at prepareChart (test.html:25)
loader.js<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jstat/1.7.0/jstat.min.js"></script>
我收到一个控制台错误，
jStatjStat