ECharts 悬浮窗数据编辑

lijizeng_dl521 2016-03-01 06:07:09
X轴data数据:
var aa = ['2016-09-11 00:01:00,shudu:3,wendu:20','2016-09-11 00:02:00','2016-09-11 00:03:00','2016-09-11 00:04:00'];
处理完毕后,显示成图表样式。
问题:悬浮窗中的时间如何能显示=》‘2016-09-11 00:02:00’,比原有的X轴刻度‘ 00:02:00’要多日期,请问如何进行显示;
日期只能存在于xAxis和series的data中进行取值传递,不能再formatter中写固定的日期(类似于增加单位)的写法。
各位可参考我现在做的效果以及代码。


option = {
tooltip : {
trigger: 'axis',
formatter: function(params,ticket,callback) {
var res = params[0][1];
res += '<br/>' + params[0][0] + ' : ' + params[0][2] + ' 千米';
if(params[1][2] != '-'){
res += '<br/>' + params[1][0] + ' : ' + params[1][2]+ ' 度';
}
setTimeout(function(){
callback(ticket, res);
}, 500)
return 'loading';
}
},
legend: {
data:['速度','温度']
},
toolbox: {
show : true,
feature : {
mark : true,
dataZoom : true,
dataView : true,
magicType:['line', 'bar'],
restore : true,
saveAsImage : true
}
},
calculable : true,
dataZoom : {
show : true,
realtime : true,
start : 0,
end : 100
},
xAxis : [
{
type : 'category',
boundaryGap : false,
data : function(){
var list = [];
var aa = ['2016-09-11 00:01:00,shudu:3,wendu:20','2016-09-11 00:02:00','2016-09-11 00:03:00','2016-09-11 00:04:00'];
while(aa.length){
var riqi = aa.shift().split(',');
var shijian = riqi[0].split(' ');
list.push(shijian[1]);
}
return list;
}()
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
calculable:false,
series : [
{
name:'速度',
type:'line',
data:function(){
var list = [];
var sudu = [50,75,30,16];
while(sudu.length){
list.push(sudu.shift());
}
return list;
}()
},
{
name:'温度',
type:'line',
data:function(){
var list = [];
var wendu = [80,75,'-',46];
while(wendu.length){
list.push(wendu.shift());
}
return list;
}()
}
]
};

...全文
648 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

10,613

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 其他
社区管理员
  • 其他
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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