动态绑定百度echarts数据失败,求解?

zhu5152 2017-10-26 11:35:45
用了百度echarts图表作图 动态绑定的时候横轴数据绑定失败!! 是通过后台ajax传输json绑定的。

$(function () {
var myCharts = echarts.init(document.getElementById("main"));
var sAccNum = document.getElementById("lblInAcc").innerText;
var option = {
title: {
text: ''
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['消费金额']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
//data: ["2017-09-27", "2017-09-28", "2017-09-29", "2017-09-30", "2017-10-01", "2017-10-02", "2017-10-03", "2017-10-04", "2017-10-05", "2017-10-06", "2017-10-07", "2017-10-08", "2017-10-09", "2017-10-10", "2017-10-11", "2017-10-12", "2017-10-13", "2017-10-14", "2017-10-15", "2017-10-16", "2017-10-17", "2017-10-18", "2017-10-19", "2017-10-20", "2017-10-21", "2017-10-22", "2017-10-23", "2017-10-24", "2017-10-25", "2017-10-26"]
data:[]
},
yAxis: {
type: 'value'
},
series: []
};
$.ajax({
type: 'post',
url: 'ConsData.aspx?sAccNum=' + sAccNum,
data: {},
dataType: 'json',
async: false,
success: function (result) {
if (result) {
// 获取json值
option.series = result.series;

option.xAxis[0].data = result.category

// 为echarts对象加载数据
myCharts.setOption(option);
}
},
error: function () {
alert("Error");
}
});
})

这是前端代码
后台json数据:
{"category":["2017-09-27","2017-09-28","2017-09-29","2017-09-30","2017-10-01","2017-10-02","2017-10-03","2017-10-04","2017-10-05","2017-10-06","2017-10-07","2017-10-08","2017-10-09","2017-10-10","2017-10-11","2017-10-12","2017-10-13","2017-10-14","2017-10-15","2017-10-16","2017-10-17","2017-10-18","2017-10-19","2017-10-20","2017-10-21","2017-10-22","2017-10-23","2017-10-24","2017-10-25","2017-10-26"],
"series":[{"name":"消费金额","type":"line","itemStyle":{"normal":{"color":"#0099FF"}},
"data":[0.0,-20.0,-112.0,0.0,0.0,0.0,0.0,-50.0,0.0,0.0,-26.0,0.0,-2.0,-1.0,0.0,-2.0,0.0,0.0,0.0,-14.0,-16.0,-517.0,0.0,0.0,0.0,0.0,-14.0,0.0,0.0,0.0]}]}

option.xAxis[0].data = result.category 这句话好像无法绑定横轴数据 然后图表无法展示,纵轴数据是成功绑定的(测过)。
...全文
412 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhu5152 2017-10-26
  • 打赏
  • 举报
回复
引用 3 楼 diaodiaop 的回复:
人家是对象 你[0]从哪里来的? ....
从网上demo里参考的.....现在已经解决了。。谢谢了
zhu5152 2017-10-26
  • 打赏
  • 举报
回复
我把数据负数改成正数的然后就没问题了 然后把[0] 去掉
正怒月神 版主 2017-10-26
  • 打赏
  • 举报
回复
你直接把category的数据写死在data里。能跑吗? 如果不行,说明你的category和data的数据不匹配。 如果可以,那你看看category是不是缺少转换之类的问题
by_封爱 2017-10-26
  • 打赏
  • 举报
回复
人家是对象 你[0]从哪里来的? ....
sdfgrtyu 2017-10-26
  • 打赏
  • 举报
回复
有demo吗?可以看看啊
zhu5152 2017-10-26
  • 打赏
  • 举报
回复
如果 xAxis属性 写成静态的话 图表就没问题了 但是动态获取横轴坐标数据 就会有问题 是数据的原因么?

62,074

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧