我的数组是这样的:
[{"label":"1","y":0,"custom":"1 : 0"},{"label":"3","y":3,"custom":"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'
}]
});
}
现在我的问题是将dataXaxis设置为饼图的名称,将dataYaxis设置为饼图的y。
请帮助我。
提前谢谢。
答案 0 :(得分:2)
更新根据下面的评论,您需要使用以下标签(您的系列数据标签)和value.try:
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}',
}
请参阅Updated fiddle as per your comment
使用以下代码: 我创建了一个名为dataPie的数组,并将你的json数据推入其中。在highcharts我称之为变量。
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)});
});