Question

您好我在flotchart.js中加载数据有问题

这是原始代码

var pageviews = [
            [1,2],
            [2, 3]
        ];
        var visitors = [
            [1, 3],
            [2, 2]
        ];
var plot = $.plot($("#site_statistics"), [{
            data: pageviews,
            label: "Unique Visits"
        }, {
            data: visitors,
            label: "Page Views"
        }]);

但是当我更改从json加载的数据时，它不起作用。

这是load_statistik_bidang.php上的数据json：

[{"data":[["1",12],["1",11],["3",10],["14",9]],"label":"EMSA"},{"data":[["1",12],["4",9]],"label":"BSSA"},{"data":[["1",2],["1",10]],"label":"OSSAC"}]

如果我在手册中复制json它可以工作但是当我使用函数加载数据时它不起作用。

我加载json的代码是这样的：

function loadMyData(){
        $.ajax({
            url:"load_statistik_bidang.php",
            dataType: "json",
            method:"get",
            success: function(data){
                tampung = data;
                console.log(data.EMSA);
            }

        });
        }
var plot = $.plot($("#site_statistics"), tampung);

对此有何想法？感谢

Answer 1

您的JSON已损坏/无效。您没有关闭第一个data数组。

应该是这样的：

[{
    "label": "EMSA",
    "data": [
        [
            "1",
            12
        ],
        [
            "1",
            11
        ]
        ] // <-- you forgot this
    },
    {
        "label": "BSSA",
        "data": [
            [
                "1",
                12
            ],
            [
                "4",
                9
            ]
        ]

    }
]

您可以使用此网站在将来验证它： http://jsonlint.com/

无法在FlotChart.js中从JSON加载数据

1 个答案: