Javascript 图表不显示_Javascript_Charts_Pygooglechart

Javascript 图表不显示

javascript charts

Javascript 图表不显示,javascript,charts,pygooglechart,Javascript,Charts,Pygooglechart,我尝试了下面的代码来显示图表，但由于某些原因，它不起作用。我试着用不同的颜色点用折线图来显示图表。我正在尝试创建谷歌折线图 <!DOCTYPE html> <html> <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load(

我尝试了下面的代码来显示图表，但由于某些原因，它不起作用。我试着用不同的颜色点用折线图来显示图表。我正在尝试创建谷歌折线图

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawLoadChart);
function drawLoadChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Length');
data.addColumn('number', 'Load');
data.addRows([
[Zero, 0],
[One, 1],
[Two, 2]
]);
var formatter = new google.visualization.NumberFormat({
fractionDigits: 3
});
formatter.format(data, 0);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1, 1]); 
var options = {'width':400,'height':300,
title: 'Load vs Length',
titlePosition: 'out',
legend: {
position: 'none'
},
hAxis: {
title: 'Length (inch)',
viewWindow: {
min: 0
},
format: '#.000'
},
vAxis: {
title: 'Load (pound)',
viewWindow: {
min: 0
}
},
series: {
0: {
color: 'black',
lineWidth: 2
},
1: {
color: 'red',
lineWidth: 0,
pointSize: 5
}
}
};
var loadChart = new google.visualization.LineChart(document.getElementById('line_chart'));
loadChart.draw(view, options);
}
</script>
</head>
<body>
<div id='line_chart'></div>
</body>
</html>


load（'visualization'，'1'，{packages:['corechart']}）；
setOnLoadCallback（drawLoadChart）；
函数drawLoadChart（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Length'）；
data.addColumn（'number'，'Load'）；
data.addRows([
[0,0],，
[1,1],，
[二,二]
]);
var formatter=new google.visualization.NumberFormat({
分位数：3
});
格式化程序。格式化（数据，0）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1]）；
变量选项={'width'：400，'height'：300，
标题：“荷载与长度”，
标题位置：'out'，
图例：{
位置：“无”
},
哈克斯：{
标题：“长度（英寸）”，
视图窗口：{
最低：0
},
格式：'#.000'
},
言辞：{
标题：“装载（磅）”，
视图窗口：{
最低：0
}
},
系列：{
0: {
颜色：'黑色'，
线宽：2
},
1: {
颜色：“红色”，
线宽：0，
点数：5
}
}
};
var loadChart=new google.visualization.LineChart（document.getElementById（'line_chart'））；
绘制（视图、选项）；
}

预期的图表具有上述3点，但当我尝试使用图表时，该图表不会显示。

在您的代码更改中

data.addRows([
[Zero, 0],
[One, 1],
[Two, 2]
]);

对此

data.addRows([
['Zero', 0],
['One', 1],
['Two', 2]
]);

字符串必须用引号指定

我将字符串替换为整数，比如给定0,1,2而不是0,1,2。但它仍然没有显示图表@Rapunzel@TesterraTex你注意到你已经指定了

data.addColumn（'string'，'Length'）在您的代码中。这意味着一列是字符串数据。你应该用引号写。哦，就是这样。。。我没有纠正。非常感谢。知道了。