jQuery绘制图表json数据

时间:2014-04-15 07:26:07

标签: php jquery json jqplot

我有一个jQuery情节图表的问题它工作正常但是当我从php和json加载数据时它不起作用它没有显示任何内容。

这是我的结果来自

[{"label":"Patrik","data":4},{"label":"Miroslav","data":28}]

和flot

            $.getJSON( "http://"+window.location.hostname+"/dashboard/getChartData", function( data ) {
            console.log(data);

            var options = {
                series: {
                    bars: {
                        show: true
                    }
                },
                bars: {
                    align: "center",
                    barWidth: 0.5
                },
                xaxis: {
                    ticks: data.title
                },
                legend: {
                    noColumns: 0,
                    labelBoxBorderColor: "#fff",
                    position: "nw"
                },
                grid: {
                    hoverable: true,
                    borderWidth: 1,
                    borderColor: "#cecece",
                    backgroundColor: { colors: ["#ffffff", "#EDF5FF"] }
                }
            };

            $.plot($("#chart_1_1"), [ data ], options);
        });

1 个答案:

答案 0 :(得分:1)

您收到的Json数据需要转换为数组数组格式[[key,value],[key,value]]才能将其提供给jqplot。目前您正在拥有对象数组