Javascript中带值参数的HTML Google图表
我尝试使用Javascript中的参数在HTML中显示google图表。我的代码如下: HTML文件chart.HTML:Javascript中带值参数的HTML Google图表,javascript,html,charts,google-visualization,Javascript,Html,Charts,Google Visualization,我尝试使用Javascript中的参数在HTML中显示google图表。我的代码如下: HTML文件chart.HTML: <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="chart.js"></script> <div id="chart_di
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="chart.js"></script>
<div id="chart_div"></div>
<script>
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawBasic);
drawBasic(1500000);
</script>
图表已加载,但费城的条形图丢失。我注意到移除这个部分
<script>
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawBasic);
drawBasic(1500000);
</script>
load('current',{packages:['corechart','bar']});
google.charts.setOnLoadCallback(rubsic);
(150万);
在chart.html中,不会更改行为。我的结论是,图表是在
<script type="text/javascript" src="chart.js"></script>
不带参数的行,用于编号
。
我如何将我的参数
编号提供给我的图表?您需要等待google图表加载,
在画图表之前
这就是-->setOnLoadCallback
将函数传递给此方法,
当GoogleCharts完全加载时将调用该函数
在这里,trablesic
与参数一起调用,
在谷歌图表加载之前,它失败了
然后从回调中再次调用
,
但它没有理由,所以费城没有酒吧
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawBasic);
drawBasic(1500000);
相反,使用匿名函数传递参数
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(function () {
drawBasic(1500000);
});
注意:除非您计划使用物料条形图-->google.charts.bar
您不需要'bar'
包
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(function () {
drawBasic(1500000);
});