.net 饼状图,求解决

qq_39387051 2017-08-23 10:19:20
饼状图,连接数据库,js怎么写啊,不会弄了,求大神帮忙,
$(function () {
$('#PieChart').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},

title: {
text: '设备名称占比'
},

tooltip: {
headerFormat: '{series.name}<br>',
pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
},

plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
}
}
},
piechart:function (){
var sUrl = bootPATH + "/api/UpdateDal/Update/UpdateEquipRepairRecord/" + encodeURIComponent(getTicket())
Global.ajaxPost(sUrl, postData, function (sRtn) {
if (sRtn == "") { return; }
var oJson;
if (typeof sRtn == JSON) {
oJson = JSON.parse(sRtn);
}
else {
oJson = sRtn;
}
if (oJson.Result) {
var dataRows = JSON.parse(oJson.KeyValue);
//$("#qwe").val(dataRows.rows[0].equipmentname);
//$("#IDequipmentcode").val(dataRows.rows[0].equipmentcode);
//$("#IDspecificationmodel").val(dataRows.rows[0].specificationmodel);
//$("#IDserialnumber").val(dataRows.rows[0].serialnumber);

for (var j = 0; j < dataRows.rows.length; j++) {
first1 = dataRows.count[j]
first2 += first1
if (j == dataRows.rows.length - 1) {
number=first2
}
}

for (var i = 0; i < dataRows.rows.length; i++) {
if (i < dataRows.rows.length) {
first = dataRows.EQUIPMENTNAME[i]
first1 = dataRows.count[i]

series: [{
type: 'pie',
name: '设备名称占比',
data: [
['first', first1 / number],
]
}]
}
}

//series: [{
// type: 'pie',
// name: '设备名称占比',
// data: [
// ['Firefox',45.0],
// ['IE', 26.8],
// ['Chrome', 12.8],
// ['Safari', 8.5],
// ['Opera', 6.2],
// ['其他', 0.7]
// ]
//}]
alert("保存成功!");
}
else {
$.messager.alert('提示', oJson.ErrorMessage, "error");
closeWaiting();
return;
}
}, false);

}



});
});

...全文
498 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_16435051 2017-08-26
  • 打赏
  • 举报
回复
循环拼接字符串 例如: series: [{type: 'pie',name: '设备名称占比'] 拼一次 循环拼 =》data: [ ['Firefox',45.0], ['IE', 26.8],['Chrome', 12.8],['Safari', 8.5],['Opera', 6.2], ['其他', 0.7]] series: [{type: 'pie',name: '设备名称占比',data: [ ['Firefox',45.0], ['IE', 26.8],['Chrome', 12.8],['Safari', 8.5],['Opera', 6.2], ['其他', 0.7]]}]

4,816

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 图表区
社区管理员
  • 图表区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧