echarts：从url获取数据

eit6fx6z 于 2021-06-15 发布在 Mysql

关注(0)|答案(1)|浏览(409)

我正在演示页面上测试echarts的功能：https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-simple
现在我希望该图表显示从url收集的数据。该url返回“[820、932、901、934、1290、1330、1320]”。
演示代码（正在运行）是：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

我的代码（不起作用）是：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        url: 'https://www.myurl.com/echartstest.php',
        type: 'line'
    }]
};

当我在代码中使用url时，不会返回任何错误，但不会显示图表。
如果有必要，我可以在我的项目中使用ajax。

mysql php ajax echarts

来源：https://stackoverflow.com/questions/54109353/echarts-get-data-from-url

1条答案

按热度按时间

ubof19bj1#

var dataArr = [];
     $.get('https://www.myurl.com/echartstest.php', {}, function(response) {
            dataArr = JSON.parse(response);
              initEchart();
            });
// make sure dataArr should be in array like [1,2,3],

 function initEchart(){
       option = {
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: dataArr          
                type: 'line'
            }]
        };  
      echarts.init(document.getElementById('youtchartId')).setOption(option);
   }

赞(0）回复(0）举报 2021-06-16

我来回答

echarts：从url获取数据

1条答案

相关问题

热门标签

最新问答