用echars做折线图,怎么在x轴显示到年月日 ,而每个坐标可以显示到年月日时分呢

WangBrendan 2018-07-03 01:59:58
...全文
5567 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
scaling_heights 2018-08-06
  • 打赏
  • 举报
回复
var option1 = {
title: {
text: '带宽',
show: true
},
tooltip: {
trigger: 'axis',
formatter:function(params){
var relVal = moment(Number(params[0].name)).format("YYYY-MM-DD HH:mm:ss")+"<br/>";
relVal += params[0].seriesName+ ' : ' + params[0].value+"<br/>";
return relVal;
}
},
legend: {
show: true
},
toolbox: {
show: false
},
color: this.color,
calculable: true,
xAxis: [{
name: '',
type: 'category',
axisLine: {
show: false
},
axisTick: {
show: false
},
nameTextStyle: {
color: 'rgba(0, 0, 0, 0.69)'
},
axisLabel: {
textStyle: {
color: 'black'
}
},
axisLabel : {
formatter : function(params,index){
var currentYear = moment().format("YYYY");
var currentMonth = moment().format("MM");
var currentDay = moment().format("DD");
var thisYear = moment(Number(params)).format("YYYY");
var thisMonth = moment(Number(params)).format("MM");
var thisDay = moment(Number(params)).format("DD");
var hourAndMinite = moment(Number(params)).format("HH:mm");
if(currentYear == thisYear){
return hourAndMinite + "\n" + moment(Number(params)).format("MM-DD");
}else{
return hourAndMinite + "\n" + moment(Number(params)).format("YYYY-MM-DD");
}
}
},
data: this.bandwidthX
}],
yAxis: [{
axisLine: {
show: false
},
nameLocation: 'end',
nameGap: 20,
nameRotate: 0,
axisTick: {
show: false
},
splitLine: {
lineStyle: {
color: ['rgba(0, 0, 0, 0.2)']
}
},
axisLabel: {
textStyle: {
color: 'black',
fontSize: 14
}
},
name: '',
type: 'value',
nameTextStyle: {
color: 'rgba(0, 0, 0, 0.69)'
}
}],
series: [{
name: '带宽',
type: 'line',
stack: '总量',
data: this.bandwidthY,
markPoint : {
data : [
{type : 'max', name: '最大值'}
]
},
markLine : {
data : [
{type : 'max', name: '最大值'}
]
}
}]
}
爬着也要前进 2018-07-24
  • 打赏
  • 举报
回复
这个都在option 里面设置,横坐标和纵坐标值都是自己绑定上去的额,可以去官方看看配置

51,397

社区成员

发帖
与我相关
我的任务
社区描述
Java相关技术讨论
javaspring bootspring cloud 技术论坛(原bbs)
社区管理员
  • Java相关社区
  • 小虚竹
  • 谙忆
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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