Echarts: получить данные из URL

Я тестирую возможности 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.

php mysql ajax echarts

09.01.2019 12:43

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

1 050

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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);
   }

Теперь мой код выглядит как var dataArr = []; $ .get ('myurl.com/echartstest.php', {}, функция (ответ) {dataArr = JSON.parse (ответ);}); // убедитесь, что dataArr должен быть в массиве вроде [1,2,3], option = {xAxis: {type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', ' Пт ',' Сб ',' Вс ']}, yAxis: {type:' value '}, series: [{data: dataArr, type:' line '}]}; Но все равно не работает. * dataArr равно [820, 932, 901, 934, 1290, 1330, 1320].

— 09.01.2019 19:16

@ gigapico00 Вам необходимо запустить электронную диаграмму после ответа ajax, подробнее см. здесь ecomfe.github.io/echarts-doc/public/en/…

— 10.01.2019 08:34

09.01.2019 13:11