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 无法向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(

当m从输入字段中获取数据并将数据添加到dataarray(如value1变量)时。图表中未显示任何内容。但当添加value2变量时,它会起作用。我已经使用alert进行了测试。。我得到了正确的值,但没有显示数据

这是我向输入字段添加数据的方式

 $(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?>">