Javascript ECharts-将选项设置为外部加载的阵列
因此,我正在使用该库为我在网站上拥有的各种数据创建一些图表。这是我第一次使用这个库,我对Javascript/jQuery还相当陌生。我试图做的是将xAxis数据设置为本地页面的结果,该页面将返回一个JSON对象,其中包含一周中的几天。完成此操作后,我计划以相同的方式加载序列数据 返回的jSON如下所示 当我试图为xAxis设置数据时,我的操作如图所示Javascript ECharts-将选项设置为外部加载的阵列,javascript,jquery,json,charts,echarts,Javascript,Jquery,Json,Charts,Echarts,因此,我正在使用该库为我在网站上拥有的各种数据创建一些图表。这是我第一次使用这个库,我对Javascript/jQuery还相当陌生。我试图做的是将xAxis数据设置为本地页面的结果,该页面将返回一个JSON对象,其中包含一周中的几天。完成此操作后,我计划以相同的方式加载序列数据 返回的jSON如下所示 当我试图为xAxis设置数据时,我的操作如图所示 xAxis: [{ type: 'category', boundaryGap: false, data: funct
xAxis: [{
type: 'category',
boundaryGap: false,
data: function(){
$.ajax({
type: "POST",
url: "ajax/getData.php?test=t&graph_last_days=d&days=7",
cache: false,
success: function(result){
return result.data;
//console.log(result.data);
}
});
}
}],
然而,我不断得到错误uncaughttypeerror:o.slice不是一个函数,只有当我尝试使用这种设置数据的方法时,才会输出这个错误。除此之外,如果我尝试创建一个函数从外部页面返回数据并设置一个变量,每当我尝试将其打印到控制台时,它都会显示undefined
如果我不使用尝试加载外部数据的方法,并且像这样预定义数据
xAxis: [{
type: 'category',
boundaryGap: false,
data: [
'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'
]
}]
这样就不会有错误,而且工作正常
有人能看到这个问题吗?似乎在与一些人交谈之后,唯一可用的示例用法或文档就是他们的示例,它与我的问题密切相关 如果其他人想要一些与ajax或动态数据加载相关的示例,那么这里有一些(英文)*
有用提示 如果您不会说中文,并且正在使用某种翻译器来编写代码示例;请注意,这是常见的网站,如和不正确地翻译标点符号在JS中使用的做一些事情,如
- 将带有单引号的数组转换为带有单引号和双引号的数组:从而导致语法错误
- 正在从对象中删除逗号(,)
- 将分号(;)更改为冒号(:),甚至删除它们
$.get("/Home/Graph1", { clients: "403,300", years: "2012" })
.done(function (data) {
var option = {
tooltip: {
show: true
},
legend: {
data: (function () {
var res = [];
for (var name in data.importBD) {
res.push(name);
};
return res;
})()
},
xAxis: [
{
type: 'category',
data: (function () {
var res = [];
data.importPorts.forEach(function (i) {
res.push(i);
});
return res;
})()
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
}
]
};
for (var name in data.importBD) {
var obj = {
name: name,
type: "bar",
data: data.importBD[name]
};
option.series.push(obj);
}
// Load data into the ECharts instance
imprtChart.setOption(option);
});
这根本不是被问到的问题。