谷歌饼图不适合我 [英] Google pie chart not working for me

问题描述

谷歌饼图不适合我。每件事都很好webmethod也返回值

但这一行出错（data.addRow（[jsonData [i] .Text，jsonData [i] .Value]）;）任何一个解决我的问题谢谢问候



我尝试过：

< script type =   text / javascript> 
 
  //   VISUALIZATION API和PIE CHART PACKAGE。 
 google.load（ 可视化，  1，{packages：[  corechart]}）; 
 
 google.setOnLoadCallback（createPIE）; 
 
 
  function  createPIE（）{
  var  options = {
 title：' 停机时间分析'，
颜色：[< span class =code-string>' ＃888'，'  orange']，
 is3D： true  
}; 
  //   alert（）;  
 $ .ajax（{
 url：  webmethod.aspx / GetpieChartweb，
 dataType：  json，
类型：  POST，
 contentType：  application / json; charset = utf-8，
成功： function （jsonData）{
  var  data =  new  google.visualization.DataTable（）; 
 
  //  假设word是一个字符串，count是一个数字 
 data.addColumn（ '  string'，' 文本'）; 
 data.addColumn（'  number'， '  Value'）; 
  //  创建一个DataTable并在其中添加阵列（带数据）。 
  //   var figures = google.visualization.arrayToDataTable（arrValues） 
 
  //  图表的类型（本示例中的PieChart）。 
  //   var chart = new google.visualization.PieChart（document.getElementById（'divpiechart'））;  
  var  len = jsonData.d.length; 
  //   alert（len）;  
  for （ var  i =  0 ; i< len; i ++）{ 
 alert（i）; 
  //   data.addRow（[jsonData [i] .Text，jsonData [i] .value]） ;  
 data.addRow（[jsonData [i] .Text，jsonData [i] .Value]）;  //  此行中的错误 
  //   alert（[jsonData [i] .Text]）;此警报未来 
} 
  var  chart =  new  google .visualization.PieChart（ document  .getElementById（'  divpiechart' ））; 
 chart.draw（数据，选项）;  //  使用数据和选项绘制图形。 
 
}，
错误： function （XMLHttpRequest，textStatus，errorThrown）{
 alert（' 得到错误'）; 
} 
}）; 
} 
< / script> 

解决方案

.ajax（{
url： webmethod.aspx / GetpieChartweb，
dataType： json，
类型： POST，
contentType： application / json; charset = utf-8 ，
成功： function （jsonData）{
var data = new google.visualization.DataTable（）;

// < span class =code-comment>假设word是一个字符串，count是一个数字
data.addColumn（' string'，' 文本'）;
data.addColumn（' number'， ' Value'）;
// 创建一个DataTable并在其中添加阵列（带数据）。
// var figures = google.visualization.arrayToDataTable（arrValues）

// 图表的类型（本示例中的PieChart）。
// var chart = new google.visualization.PieChart（document.getElementById（'divpiechart'））;
var len = jsonData.d.length;
// alert（len）;
for （ var i = 0 ; i< len; i ++）{
alert（i）;
// data.addRow（[jsonData [i] .Text，jsonData [i] .value]） ;
data.addRow（[jsonData [i] .Text，jsonData [i] .Value]）; // 此行中的错误
// alert（[jsonData [i] .Text]）;此警报未来
}
var chart = new google .visualization.PieChart（ document .getElementById（' divpiechart' ））;
chart.draw（数据，选项）; // 使用数据和选项绘制图形。

}，
错误： function （XMLHttpRequest，textStatus，errorThrown）{
alert（' 得到错误'）;
}
}）;
}
< / script>

警告来到此行之后但是饼图不显示请回复我

google pie chart not working for me. every thing is fine webmethod also return value
but error in this line(data.addRow([jsonData[i].Text, jsonData[i].Value]);) any one solve my question thank regards

What I have tried:

<script type="text/javascript">

      // VISUALIZATION API AND THE PIE CHART PACKAGE.
      google.load("visualization", "1", { packages: ["corechart"] });

      google.setOnLoadCallback(createPIE);
      

      function createPIE() {
          var options = {
              title: 'Downtime Analysis',
              colors: ['#888', 'orange'],
              is3D: true
          };
          //alert("");
          $.ajax({
              url: "webmethod.aspx/GetpieChartweb",
              dataType: "json",
              type: "POST",
              contentType: "application/json; charset=utf-8",
              success: function(jsonData) {
              var data = new google.visualization.DataTable();
              
                  // assumes "word" is a string and "count" is a number
                  data.addColumn('string', 'Text');
                  data.addColumn('number', 'Value');
                  // CREATE A DataTable AND ADD THE ARRAY (WITH DATA) IN IT.
                  //var figures = google.visualization.arrayToDataTable(arrValues)

                  // THE TYPE OF CHART (PieChart IN THIS EXAMPLE).
                  // var chart = new google.visualization.PieChart(document.getElementById('divpiechart'));
                  var len = jsonData.d.length;
                  // alert(len);
                  for (var i = 0; i < len; i++) {
                      alert(i);
                      //data.addRow([jsonData[i].Text, jsonData[i].value]);
                      data.addRow([jsonData[i].Text, jsonData[i].Value]); // error in this line 
                      //alert([jsonData[i].Text]); this alert not come
                  }
                  var chart = new google.visualization.PieChart(document.getElementById('divpiechart'));
                  chart.draw(data, options);             // DRAW GRAPH WITH THE DATA AND OPTIONS.

              },
              error: function(XMLHttpRequest, textStatus, errorThrown) {
                  alert('Got an Error');
              }
          });
      }
</script>

解决方案

.ajax({ url: "webmethod.aspx/GetpieChartweb", dataType: "json", type: "POST", contentType: "application/json; charset=utf-8", success: function(jsonData) { var data = new google.visualization.DataTable(); // assumes "word" is a string and "count" is a number data.addColumn('string', 'Text'); data.addColumn('number', 'Value'); // CREATE A DataTable AND ADD THE ARRAY (WITH DATA) IN IT. //var figures = google.visualization.arrayToDataTable(arrValues) // THE TYPE OF CHART (PieChart IN THIS EXAMPLE). // var chart = new google.visualization.PieChart(document.getElementById('divpiechart')); var len = jsonData.d.length; // alert(len); for (var i = 0; i < len; i++) { alert(i); //data.addRow([jsonData[i].Text, jsonData[i].value]); data.addRow([jsonData[i].Text, jsonData[i].Value]); // error in this line //alert([jsonData[i].Text]); this alert not come } var chart = new google.visualization.PieChart(document.getElementById('divpiechart')); chart.draw(data, options); // DRAW GRAPH WITH THE DATA AND OPTIONS. }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Got an Error'); } }); } </script>

alert come after this line also but pie chart not display please reply me

这篇关于谷歌饼图不适合我的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！