jquery工具提示显示采用json值

时间:2014-02-11 12:22:25

标签: javascript jquery json pie-chart jquery-tooltip

这是我的jquery工具提示代码。

var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
                var previousPoint = null;
                placeholder.on('plothover', function (event, pos, item) {
                    if (item) {

                        if (previousPoint != item.seriesIndex) {
                            previousPoint = item.seriesIndex;
                            var tip = item.series['label']+":" +item.series['percent'] + '%';
                            //var tip = item.series['Alert1']+":"+item.series['percent']+'%';
                            $tooltip.show().children(0).text(tip);
                        }
                        $tooltip.css({ top: pos.pageY + 10, left: pos.pageX + 10 });
                    } else {
                        $tooltip.hide();
                        previousPoint = null;
                    }

                });

我的Json数据:

[
    {
        "label": "FDR Compliance",
        "Assessments": "151",
        "Conductedon": "101",
        "OpenTasks": "141",
        "charts": [
            {
                "label":"Low",
                "data": "60",
        "Alert1":"90 Day",
        "Alert2":"Key Member",
                "color":"#68BC31"
            },
            {
                "label":"High",
                "data": "30",
        "Alert1":"Missed",
        "Alert2":"YTD",
                "color": "#DA5430"

            },
            {
                "label":"Medium",
                "data": "15",
        "Alert1":"E & OE",
        "Alert2":"Failure",
                "color": "#FEE074"

            }
        ]
    }
]

在上面的代码中,如果在jQuery中,工具将显示数据:

var tip = item.series['label']+":" +item.series['percent'] + '%';

在工具提示中,值正确显示。

我想显示Alert1值而不是标签值,所以当我写这段代码时:

var tip = item.series['Alert1']+":"+item.series['percent']+'%';     

在工具提示中,值为"undefined"

帮帮我!!!

0 个答案:

没有答案