Jquery 高分辨率饼图
我的数组是这样的:Jquery 高分辨率饼图,jquery,highcharts,Jquery,Highcharts,我的数组是这样的: [{“标签”:“1”,“y”:0,“自定义”:“1:0”},{“标签”:“3”,“y”:3,“自定义”:“3:3”}] 我绘制图表的jQuery代码如下: function generateGraph(value) { $('#loadingmessage').show(); que_id = $(value).attr('data-id'); que_type = $(value).attr('data-que-type'); que_txt
[{“标签”:“1”,“y”:0,“自定义”:“1:0”},{“标签”:“3”,“y”:3,“自定义”:“3:3”}]
我绘制图表的jQuery代码如下:
function generateGraph(value) {
$('#loadingmessage').show();
que_id = $(value).attr('data-id');
que_type = $(value).attr('data-que-type');
que_txt = $(value).parent('h4').find('.que_txt').text();
var jsonData =
$.ajax({
url: "ajax.php?action=getGraphDetails",
dataType: "json",
data: {
"que_id": que_id,
"que_type": que_type,
},
async: false
}).responseText;
var obj = jQuery.parseJSON(jsonData);
var dataXAxis = [];
var dataYAxis = [];
var length = 0;
length = obj.length;
for (var i = 0; i < length; i++) {
dataXAxis.push(obj[i].label);
dataYAxis.push(obj[i].y);
}
$('#curve_chart').highcharts({
title: {
text: que_txt,
x: -20 //center
},
xAxis: {
categories: dataXAxis
},
yAxis: {
reversed: false
},
tooltip: {
useHTML: true,
shared: true
},
series: [{
name: dataXAxis,
data: dataYAxis,
color: '#FF0000'
}]
});
}
函数生成器图形(值){
$(“#加载消息”).show();
que_id=$(value).attr('data-id');
que_type=$(value).attr('data-que-type');
que_txt=$(value).parent('h4').find('.que_txt').text();
var jsonData=
$.ajax({
url:“ajax.php?action=getGraphDetails”,
数据类型:“json”,
数据:{
“que_id”:que_id,
“que_类型”:que_类型,
},
异步:false
}).responseText;
var obj=jQuery.parseJSON(jsonData);
var dataXAxis=[];
var dataYAxis=[];
变量长度=0;
长度=对象长度;
对于(变量i=0;i
现在我的问题是将dataXaxis设置为饼图的名称,dataYaxis设置为饼图的y
请帮我做同样的事
提前感谢。根据下面的评论,您需要标签(系列数据标签)和值。请尝试使用以下方法:
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}',
}
请回答我的问题。如果有空的话。提前谢谢你们。谢谢你们的回复,但我希望标签:y在图表的悬停处和每个图表块的外侧。请回复。提前谢谢你。你能附上你要求的图表模型吗?
var dataPie =[];
var abc = [{"label":"1","y":2,"custom":"1 : 0"}, {"label":"3","y":3,"custom":"3 : 3"},{"label":"6","y":5,"custom":"3 : 3"}];
$.each(abc,function(i,el)
{
dataPie.push({name :el.label,y: parseFloat(el.y)});
});