flot-pie chart js中的自定义属性在哪里添加和注册？

Question

虽然这个问题的答案在：Adding custom attributes to flot data

但我已经尝试了所有可能的方法，但我的自定义属性没有在点击事件中显示。

到目前为止我试过这个：

html:

<div id="audit_status" class="chart"></div>

JS:

var audit_status = [
    {label: "Pending", data: 2, location_value="Majiwada,Pune"},
    { label: "Ongoing", data: 1 location_value="Mumbai"},
];

var options = {
    series: {
        pie: {
            show: true,
            label: {
                show: true,
                radius: 120,
                formatter: function (label, series) {
                    return '<div style="border:1px solid grey;font-size:8pt;text-align:center;padding:5px;color:white;background-color: #90bdce;">' +
                        label + ' : ' +
                        series.data[0][1] +
                        ' ('+Math.round(series.percent)+' %)</div>';

                },
                background: {
                    opacity: 0.8,
                    color: '#000'
                }
            }
        }
    },
    legend: {
        show: true
    },
    grid: {
        hoverable: true,
        clickable: true
    }

};

$("#audit_status").bind("plotclick", function(event, pos, obj) {
    console.log(obj);

    //alert(obj.series.value);
    if (obj) {
        alert(obj.series.location_value);
    }
});

$(document).ready(function () {
    $.plot($("#audit_status"), audit_status, options);
});

问题是：每当我点击我想要提醒的饼图部分时 "location_value"

但我得到 [Object Object]

Answer 1

我发现代码现在有两个问题。首先，audit_status JSON 对象定义不正确。 location_value 属性需要使用冒号，而不是等号：

var audit_status = [
    { label: "Pending", data: 2, location_value: "Majiwada,Pune" },
    { label: "Ongoing", data: 1, location_value: "Mumbai" }
];

其次，在您的 plotclick 函数中，数据对象中定义的额外属性不会将其传递给传递给回调的系列对象。您需要使用提供给回调的 obj.seriesIndex 来引用原始数据对象。 This JSFiddle 提供了以下代码示例。

var data = [{
    label: "Yes",
    data: 50,
    location_value: 'Majiwada,Pune'
}, {
    label: "No",
    data: 150,
    location_value: 'Mumbai'
}];

// plot initialization code here

$("#pie").bind("plotclick", function(event, pos, obj) {
    if (obj) {
        // use the obj.seriesIndex to grab the original data object,
        // then you can use any property you defined on that object
        alert(data[obj.seriesIndex].location_value);
    }
});

flot-pie chart js中的自定义属性在哪里添加和注册？

Where to add and register the custom attributes in flot-pie chart js?

javascript

php

jquery

flot