Question

我正在尝试使用一些数据构建一个饼图，我将服务器端构建成一个字符串：

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

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

Answer 1

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

您的代码可能类似于：

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

数据变量是JSON数组。

Answer 2

Flot饼图仅接受数组作为默认输入。 JSON是一个字符串格式输入，所以它不会起作用。要解决这个问题，你必须使用＆＃34;标签＆＃34;建立一个数组。和＆＃34;数据＆＃34;列或拆分您的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;
};

希望它能解决你的问题。

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

2 个答案: