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

Question

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 в моем проекте.

0

ajax echarts mysql php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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

1