Question

我正在为我的应用程序创建简单的apexchart。对于使用先端图表的显示数据，我使用了类别配对值。我通过在HTML文件中对JSON值进行硬编码来测试图表，并且可以正常工作

在我的JSON输出下面

[
    {
    x: "2019-05-21 16:53:34",
    y: "1607"
    },
    {
    x: "2019-05-21 17:12:51",
    y: "530"
    }
],

下面是我如何通过对硬编码对其进行测试

series: 
[{
    name: 'test',
    data: [
            {
            x: "2019-05-21 16:53:34",
            y: "1607"
            },
            {
            x: "2019-05-21 17:12:51",
            y: "530"
            }
            ],
}],

我需要通过调用URL将其加载到我的顶点图表中。像下面的

    var url = "https://myjsonurl.php";
    $.getJSON(url, function(data){
        console.log(data);
 });

我以前使用过数据表，它具有简单的ajax选项来从URL加载数据。但是在顶点图中，我找不到任何东西。我需要先从jquery加载数据并创建数据集吗？如果是这样，我该怎么办？

更新-------------------

我尝试使用下面的代码加载数据，但仍然出现错误。

function apicaller() {
    var url = "https://myjsonurl.php";
            $.getJSON(url, function(data){
                console.log(data);
                return data;
         });
}

var datafromurl = apicaller();
console.log(datafromurl); 


 series: 
[
    {
        name: 'test',
        data: [ datafromurl ],
    }
],

我从crhome控制台收到错误

apexcharts:6 Possible Unhandled Promise Rejection: TypeError: Cannot read property 'x' of undefined
    at t.value (apexcharts:6)
    at t.value (apexcharts:6)
    at t.value (apexcharts:6)
    at t.value (apexcharts:6)
    at i.value (apexcharts:6)
    at i.create (apexcharts:6)
    at apexcharts:6
    at it (apexcharts:6)
    at new $ (apexcharts:6)
    at i.value (apexcharts:6)

错误是将返回的JSON分配给apexcharts时的错误。

将JSON数据从URL加载到apexcharts

0 个答案: