echarts表格,x轴为datetime格式,x
时间: 2024-06-11 18:10:40 浏览: 128
echarts时间轴demo,内含两种实现方式。1.X轴为数值轴(type=value);2.X轴为时间轴(type=time)
5星 · 资源好评率100%
轴上的数据是时间戳,需要将时间戳转换为datetime格式。可以使用echarts提供的formatter函数来进行转换。
例如,数据如下:
```
var data = [
[1554163200000, 10],
[1554249600000, 20],
[1554336000000, 30],
[1554422400000, 40],
[1554508800000, 50],
];
```
其中第一列是时间戳,需要将其转换为datetime格式。可以使用以下代码:
```
option = {
xAxis: {
type: 'time',
axisLabel: {
formatter: function (value, index) {
var date = new Date(value);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return year + '-' + month + '-' + day;
}
}
},
yAxis: {},
series: [{
type: 'line',
data: data
}]
};
```
在xAxis中设置type为time,然后在axisLabel中设置formatter函数来进行时间戳的转换。在函数中,首先将时间戳转换为Date对象,然后获取年月日,最后返回格式化后的字符串。这样就可以将x轴的数据从时间戳转换为datetime格式。
阅读全文