echarts 柱状图 时间抽
时间: 2023-10-04 13:10:44 浏览: 181
您可以使用 Echarts 的 x 轴类型为 'time',同时设置相应的时间格式化选项来实现柱状图的时间抽取。
以下是一个示例代码:
```javascript
option = {
xAxis: {
type: 'time',
axisLabel: {
formatter: function(value){
var date = new Date(value);
return date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
}
}
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [
['2021-01-01 12:00:00', 10],
['2021-01-01 12:05:00', 20],
['2021-01-01 12:10:00', 30],
['2021-01-01 12:15:00', 40],
['2021-01-01 12:20:00', 50],
['2021-01-01 12:25:00', 60],
['2021-01-01 12:30:00', 70]
]
}]
};
```
在上面的代码中,我们将 xAxis 的 type 设置为 'time',并在 axisLabel 中设置了时间格式化函数,这里我们将时间显示为小时:分钟:秒。然后在 series 数据中,我们使用了日期字符串作为 x 轴的值,同时设置了对应的销量数据作为 y 轴的值。
您可以根据自己的需求调整相应的时间格式化选项,以及 x 轴和 y 轴的数据。
阅读全文