基于echarts4实现的时间段选择器

界面

项目简介

下载链接如下
github地址
基于echarts,4或5版本都兼容了，样式也修改为与elementUI风格基本一致，可安心使用。
图形化快速选择一个星期中的时间段，精度为0.5小时 可以自适应传入的dom元素大小。

用法

用npm安装到项目
npm install timeselecter --save
必须依赖echarts
import echarts from “echarts”
仅支持esm方式导入
import timeSelecter from “timeselecter”

调用

dom渲染完毕后使用init方法初始化，domEle为想要渲染到的div元素，res是当前选中的时间段方块id集合，id为从左到右，从上到下，从1开始自增的数字，需要转换成其他格式的话自己处理。
timeSelecter.init(echarts, domEle, (res)=> { console.log(res) })
后续还会再完善

欢迎来我的b站空间逛逛
https://space.bilibili.com/395672451