Javascript 高图表总数据
当用户单击按钮时,我尝试填充图表。。图表是这样显示的 现在的问题是我想要总计,即在红色圆圈中的图像中,我写总计:Javascript 高图表总数据,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,当用户单击按钮时,我尝试填充图表。。图表是这样显示的 现在的问题是我想要总计,即在红色圆圈中的图像中,我写总计:3。。3是因为MV为2,DSB为1,所以总计为3 我试试这个 这是我尝试的代码 <script type="text/javascript"> var strArray = "[['sfdsdfLi', 9],['Kiwsdfi', 3],['Mixesdfd nuts', 1],['Oranges', 6],['Grapes (bunch)', 1]]"
3。。3是因为MV为2,DSB为1,所以总计为3
我试试这个
这是我尝试的代码
<script type="text/javascript">
var strArray = "[['sfdsdfLi', 9],['Kiwsdfi', 3],['Mixesdfd nuts', 1],['Oranges', 6],['Grapes (bunch)', 1]]";
$(function () {
$('#tabledata').on('click', 'tr', function () {
var row = $(this);
var Id = row.find('td')[0].firstChild.data;
var obj = {};
obj.ID = Id;
GetData(obj);
return false;
});
});
function GetData(obj) {
$.ajax({
type: "POST",
url: "WebForm1.aspx/GetVo",
data: JSON.stringify(obj),
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
success: function (result) {
if (result !== null && result.length == 0) {
$("#cont").hide();
return;
}
strArray = result.d;
var myarray = eval(strArray);
$("#cont").show();
$('#cont').highcharts({
chart: {
borderColor: 'Grey',
borderWidth: 2,
type: 'pie',
options3d: {
enabled: true,
alpha: 45
}
},
title: {
text: 'Data1'
},
position: {
align: 'right',
verticalAlign: 'bottom',
x: 10,
y: -10
},
subtitle: {
text: '3D Chart'
},
plotOptions: {
pie: {
innerSize: 100,
depth: 45,
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}',
},
showInLegend: true
}
},
series: [{
name: 'Delivered amount',
data: myarray
}]
});
},
error: function (error) {
alert(error);
}
});
}
</script>
var strArray=“['sfdsdfLi',9],'Kiwsdfi',3],'mixesdfdd nuts',1],'Oranges',6],'Grapes(bunch)',1]”;
$(函数(){
$('#tabledata')。在('click','tr',function(){
var行=$(此);
var Id=row.find('td')[0].firstChild.data;
var obj={};
obj.ID=ID;
获取数据(obj);
返回false;
});
});
函数GetData(obj){
$.ajax({
类型:“POST”,
url:“WebForm1.aspx/GetVo”,
数据:JSON.stringify(obj),
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
async:true,
cache:false,
成功:功能(结果){
if(result!==null&&result.length==0){
$(“#cont”).hide();
返回;
}
strArray=结果d;
var myarray=eval(strArray);
$(“续”).show();
$('续').高图({
图表:{
边框颜色:“灰色”,
边界宽度:2,
键入“pie”,
选项3D:{
启用:对,
阿尔法:45
}
},
标题:{
文本:“数据1”
},
职位:{
对齐:“右”,
垂直排列:“底部”,
x:10,
y:-10
},
副标题:{
文本:“3D图表”
},
打印选项:{
馅饼:{
内部尺寸:100,
深度:45,
allowPointSelect:true,
光标:“指针”,
数据标签:{
启用:对,
格式:{point.name}:{point.y},
},
showInLegend:对
}
},
系列:[{
名称:'已交付金额',
数据:myarray
}]
});
},
错误:函数(错误){
警报(错误);
}
});
}
现在我如何得到总数?任何解决方案您的系列都应具有total参数,您可以使用chart.renderer.text在图表中以总值呈现新文本:查看此示例:您的系列应具有total参数,您可以使用chart.renderer.text在图表中以总值呈现新文本:查看此示例: