与Highchatrs的圆形统计图表

时间:2015-12-12 13:56:53

标签: jquery highcharts

我的数组是这样的:

[{"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。

请帮助我。

提前谢谢。

1 个答案:

答案 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)});

});

See the working fiddle here