Php echarts:从URL获取数据
我正在演示页面上测试Echarts的功能: 现在我希望该图表显示从URL收集的数据。该URL返回“[8209329011929013301320]” 演示代码(正在运行)是: 我的代码(不工作)是: 当我在代码中使用URL时,不会返回任何错误,但不会显示图表Php echarts:从URL获取数据,php,mysql,ajax,echarts,Php,Mysql,Ajax,Echarts,我正在演示页面上测试Echarts的功能: 现在我希望该图表显示从URL收集的数据。该URL返回“[8209329011929013301320]” 演示代码(正在运行)是: 我的代码(不工作)是: 当我在代码中使用URL时,不会返回任何错误,但不会显示图表 如果有必要,我可以在我的项目中使用AJAX。现在我的代码看起来像var dataArr=[];$。get(“”,{},函数(响应){dataArr=JSON.parse(响应);});//确保dataArr应该像[1,2,3]一样位于数组中
如果有必要,我可以在我的项目中使用AJAX。现在我的代码看起来像var dataArr=[];$。get(“”,{},函数(响应){dataArr=JSON.parse(响应);});//确保dataArr应该像[1,2,3]一样位于数组中,option={xAxis:{type:'category',data:['Mon','Tue','Wed','Thu','Fri','Sat','Sun']},yAxis:{type:'value'},series:[{data:dataArr,type:'line'}]};但仍然不起作用*dataArr是[8209329011934129013301320]@gigapico00您需要在ajax响应后初始化echart,请参阅此处了解更多信息,我的代码看起来像var dataArr=[];$。get(“”,{},函数(响应){dataArr=JSON.parse(响应);});//确保dataArr应该像[1,2,3]一样位于数组中,option={xAxis:{type:'category',data:['Mon','Tue','Wed','Thu','Fri','Sat','Sun']},yAxis:{type:'value'},series:[{data:dataArr,type:'line'}]};但仍然不起作用*dataArr是[82093290119340129013301320]@gigapico00您需要在ajax响应后初始化echart,请参阅此处了解更多信息
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);
}
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'
}]
};
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);
}