echarts的xAxis的type=’time’设置开始时间和结束时间以及时间显示年月日时分

最新推荐文章于 2024-01-30 11:39:17 发布

minDuck

最新推荐文章于 2024-01-30 11:39:17 发布

阅读量1.6w

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jquery js html

本文链接：https://blog.youkuaiyun.com/weixin_40140969/article/details/99671296

前端专栏收录该内容

7 篇文章

订阅专栏

本文分享了使用ECharts进行时间轴配置的具体方法，包括如何设置时间轴的显示范围、格式化时间标签以及隐藏分割线等，对于需要在图表中精确展示时间序列数据的开发者来说，是一份实用的代码指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，直接上代码。

xAxis: {
                                type: 'time',
                                splitLine: {
                                    show: false
                                },
                                //开始时间
                                min: new Date(xxxxx),
                                //结束时间
                                max: new Date(xxxxx),
                                axisLabel: {
                                    interale: 0,
                                    rotate: -40,
                                    formatter: function (value) {//在这里写你需要的时间格式
                                        var t_date = new Date(value);
                                        return [t_date.getFullYear(), t_date.getMonth() + 1, t_date.getDate()].join('-') + " "
                                            + [t_date.getHours(), t_date.getMinutes()].join(':');

                                    }
                                }
                            },

结果
如有错误，欢迎纠正。