JQuery Flot 饼图（字符串到数据）答案

【问题标题】：JQuery Flot Pie Chart (String to Data)JQuery Flot 饼图（字符串到数据）
【发布时间】：2015-12-21 06:51:23
【问题描述】：

我正在尝试构建一个饼图，其中包含一些我在服务器端构建成字符串的数据：

"[{ Label: "text", Data: number },{ Label: "text", Data: number }]"

有点像，但想知道是否有任何方法可以将此字符串解析为浮点饼图可以使用的数据。

【问题讨论】：

标签： jquery flot pie-chart

【解决方案1】：

如果数据已经在 JSON 数组中并且使用 Label 和 Data 正确格式化，您应该能够将 JSON 数组传递给 flot。

您的代码可能类似于：

$.plot($("#default"), data,
{
    series: {
        pie: { 
            show: true
        }
    }
});

其中数据变量是 JSON 数组。

【讨论】：

【解决方案2】：

Flot 饼图只接受数组作为默认输入。 JSON 是字符串格式的输入，所以它不起作用。要解决这个问题，您必须构建一个包含“标签”和“数据”列的数组，或者拆分您的 JSON 并从中形成一个数组。

请查看下面的虚拟示例：

function dataFormatter() {

    var data = [], size = 3, dataInput = 10;

        for ( var i = 0; i < size; i++) {
            data[i] = {
                        label : "Series" + (i+1),
                        data : parseInt(dataInput)
                    }
            dataInput = parseInt(dataInput) * 10;
        }   
    return data;
};

希望它能解决你的问题。

【讨论】：