Javascript 无法向google饼图添加值 $(文档).ready(函数(){ name1=$(“#party1_name”).val(); count1=$(“#party1_count”).val(); name2=$(“#party2_name”).val(); var count2=$(“#party2_count”).val(); name3=$(“#party3_name”).val(); count3=$(“#party3_count”).val(); //加载谷歌图表 load('current',{'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); //绘制图表并设置图表值 函数绘图图(){ 警报(“值:+count2”); var值1=count1; var值2=2; var data=google.visualization.arrayToDataTable([ [“任务”,“每天工作小时数”], [name1,value1], [名称2,值2], [姓名3,4],, [Gym',2], [Sleep',8] ]); //可选;添加标题并设置图表的宽度和高度 变量选项={'title':'Result Analysis','width':550','height':400}; //使用id=“piechart”在元素内显示图表 var chart=new google.visualization.PieChart(document.getElementById('PieChart'); 图表绘制(数据、选项); } });
当m从输入字段中获取数据并将数据添加到dataarray(如value1变量)时。图表中未显示任何内容。但当添加value2变量时,它会起作用。我已经使用alert进行了测试。。我得到了正确的值,但没有显示数据 这是我向输入字段添加数据的方式Javascript 无法向google饼图添加值 $(文档).ready(函数(){ name1=$(“#party1_name”).val(); count1=$(“#party1_count”).val(); name2=$(“#party2_name”).val(); var count2=$(“#party2_count”).val(); name3=$(“#party3_name”).val(); count3=$(“#party3_count”).val(); //加载谷歌图表 load('current',{'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); //绘制图表并设置图表值 函数绘图图(){ 警报(“值:+count2”); var值1=count1; var值2=2; var data=google.visualization.arrayToDataTable([ [“任务”,“每天工作小时数”], [name1,value1], [名称2,值2], [姓名3,4],, [Gym',2], [Sleep',8] ]); //可选;添加标题并设置图表的宽度和高度 变量选项={'title':'Result Analysis','width':550','height':400}; //使用id=“piechart”在元素内显示图表 var chart=new google.visualization.PieChart(document.getElementById('PieChart'); 图表绘制(数据、选项); } });,javascript,php,Javascript,Php,当m从输入字段中获取数据并将数据添加到dataarray(如value1变量)时。图表中未显示任何内容。但当添加value2变量时,它会起作用。我已经使用alert进行了测试。。我得到了正确的值,但没有显示数据 这是我向输入字段添加数据的方式 $(document).ready(function(){ name1= $("#party1_name").val(); count1=$("#party1_count").val(); name2= $("#party2_name").val(
$(document).ready(function(){
name1= $("#party1_name").val();
count1=$("#party1_count").val();
name2= $("#party2_name").val();
var count2=$("#party2_count").val();
name3= $("#party3_name").val();
count3=$("#party3_count").val();
// Load google charts
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
// Draw the chart and set the chart values
function drawChart() {
alert("Value: " + count2);
var value1=count1;
var value2=2;
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
[name1, value1],
[name2, value2],
[name3, 4],
['Gym', 2],
['Sleep', 8]
]);
// Optional; add a title and set the width and height of the chart
var options = {'title':'Result Analysis', 'width':550, 'height':400};
// Display the chart inside the <div> element with id="piechart"
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
});
<input type="text" id="party1_name" value="<?=$party_name1?>">
<input type="number" id="party1_count" value="<?=$count_part1?>">
<input type="text" id="party2_name" value="<?=$party_name2?>">
<input type="text" id="party2_count" value="<?=$count_part2?>">
<input type="text" id="party3_name" value="<?=$party_name3?>">
<input type="text" id="party3_count" value="<?=$count_part3?>">