谷歌饼图不能正常工作 [英] Google pie chart not working every thing is fine

问题描述

谷歌饼图不工作每件事情都很好

arravalues返回值也不错

但是设计没有显示



我尝试过：



< script type =text / javascript>



//可视化API和PIE图表包。

google.load（可视化，1，{包装：[corechart]}） ;



google.setOnLoadCallback（createPIE）;



var s =FFFF;

函数createPIE（）{

var options = {

title：'停机时间分析'，

颜色：['＃ 888'，'orange']，

is3D：true

};

// var liste = document.getElementById（'＃ddlsec' ）;

// var selectedVal = $（'＃ddlsec'）。val（）;

// alert（selectedVal）;

var obj = {};

obj.sec = $ .trim（$（[id * = ddlsec]）。val（））;

obj.mac = $ .trim（$（ [id * = ddlmac]）。val（））;

obj.from = $ .trim（$（[id * = txtFromDate]）。val（））;

obj.to = $ .trim（$（[id * = txtto]）。val（））;

// alert（$ .trim（$（[ id * = ddlsec]）。val（）））;

// alert（obj.sec）;

$ .ajax（{

类型：POST，

url：webmethod.aspx / GetpieChartweb，

数据：JSON.stringify（obj），

contentType：application / json; charset = utf-8，

dataType：json，

成功：函数（jsonData）{

var data = new google。 visualization.DataTable（）;



var arrValues = [['Text'，'Value']]; //定义一个阵列。

var iCnt = 0;

//假设word是一个字符串，count是一个数字

// data.addColumn（'string'， 'text'）;

// data.addColumn（'number'，'dep'）;

$ .each（jsonData.d，function（）{

arrValues.push（[jsonData.d [iCnt] .Text，jsonData.d [iCnt] .Value]）;

iCnt + = 1;

//alert(jsonData.d[iCnt].Value）;

}）;

var figures = g oogle.visualization.arrayToDataTable（arrValues）;

alert（arrValues）;



//图表的类型（本示例中的PieChart） 。

var chart = new google.visualization.PieChart（document.getElementById（'divpiechart'））;



chart.draw（数字，选项）;

}，

错误：函数（XMLHttpRequest，textStatus，errorThrown）{

alert（'得到错误'）;

}

}）;

}

< / script>

google pie chart not working every thing is fine
arravalues return the value also good
but design not displayed

What I have tried:

<script type="text/javascript">

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

google.setOnLoadCallback(createPIE);

var s = "FFFF";
function createPIE() {
var options = {
title: 'Downtime Analysis',
colors: ['#888', 'orange'],
is3D: true
};
// var liste = document.getElementById('#ddlsec');
// var selectedVal = $('#ddlsec').val();
// alert(selectedVal);
var obj = {};
obj.sec = $.trim($("[id*=ddlsec]").val());
obj.mac = $.trim($("[id*=ddlmac]").val());
obj.from = $.trim($("[id*=txtFromDate]").val());
obj.to = $.trim($("[id*=txtto]").val());
//alert($.trim($("[id*=ddlsec]").val()));
// alert(obj.sec);
$.ajax({
type: "POST",
url: "webmethod.aspx/GetpieChartweb",
data: JSON.stringify(obj),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(jsonData) {
var data = new google.visualization.DataTable();

var arrValues = [['Text', 'Value']]; // DEFINE AN ARRAY.
var iCnt = 0;
// // assumes "word" is a string and "count" is a number
// data.addColumn('string', 'Text');
// data.addColumn('number', 'dep');
$.each(jsonData.d, function() {
arrValues.push([jsonData.d[iCnt].Text, jsonData.d[iCnt].Value]);
iCnt += 1;
//alert(jsonData.d[iCnt].Value);
});
var figures = google.visualization.arrayToDataTable(arrValues);
alert(arrValues);

// THE TYPE OF CHART (PieChart IN THIS EXAMPLE).
var chart = new google.visualization.PieChart(document.getElementById('divpiechart'));

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

推荐答案

（'＃ddlsec'）。val（）;

// alert（selectedVal）;

var obj = {};

obj.sec =

('#ddlsec').val();
// alert(selectedVal);
var obj = {};
obj.sec =

.trim（

（[id * = ddlsec]）。val（） ）;

obj.mac =

("[id*=ddlsec]").val());
obj.mac =

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