分享一个最近做的仪表盘组件

收藏

本帖最后由 shiow1984 于 2023-8-5 13:12 编辑

分享一个最近做的仪表盘组件
老板一眼看中了这个仪表盘

看一眼能怀孕，偷拍下来的不要在意

参考了坛子里无数大神的方法，一通捣鼓，最后按照@lovert 大佬的方法，用echart通过组件弄了出来
https://gcdn.grapecity.com.cn/showtopic-154264-1-11.html
最终可以实现的效果：

刻度条颜色自己改代码吧

WXWorkLocal_16912041562392.png571104735.png

属性就暴露出来四个：进度值、指标标题名称、进度条颜色、标题和进度值颜色颜色
其他的属性在js代码里面，可以按照我的注释修改，我真肝不动了，

挨个注释的

PS:这个组件就尽量不要用在模板市场那个美化主题之暗黑主题模板上了，
不要问我怎么知道的

，感谢@

Joe.xu版主和@

逛逛逛大佬捞我出坑。

插件版的也肝不动了，希望有大佬能接棒

终极提醒：组件版的仪表盘存在一个问题，不能和活字格自带的图表在一个页面共存，又经过我的苦思冥想，找到解决办法
就是：不要在设计器引入echarts.js（或者echarts.min.js），而是在插入组件的页面上引入echarts.js（或者echarts.min.js）
WXWorkLocal_16912125079719.png987310791.png