![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端组件
爱吃香菜的胡先森
不经一番寒彻骨,怎得梅花扑鼻香
展开
-
Vue + Element 实现进度条 Progress
Vue + Element 进度条 Progress前言:由于在公司可视化数字大屏项目中用到了,所以在博客里记录一下!如果能帮到你,那么点个赞吧,哈哈哈话不多说,先直接上效果图,有需要的大家可借鉴借鉴。HTML:<template> <div class="absolute-left-right-top-bottom charts-main"> <div class="content"> <div class原创 2022-01-16 16:31:28 · 2272 阅读 · 0 评论 -
Vue + HighCharts 画不同高度的3D饼/环图
前言:由于公司可视化数字大屏项目需要用到了3D饼图和3D环图,所以在博客里记录一下!如果能帮到你,那么点个赞吧,哈哈哈。话不多说,直接先上效果图:3D饼图3D环图下面是步骤以及代码:1.npm 安装 highchartsnpm install highcharts --save2.在main.js中引用 highcharts, 注意:画3D图需要使用到 highcharts里面的 highcharts-3dimport Highcharts from 'highcharts' i原创 2022-01-16 16:22:16 · 3175 阅读 · 3 评论 -
Vue + ECharts 象形柱状图 pictorialBar
前言:由于公司可视化数字大屏项目需要用到了象形柱状图,所以在博客里记录一下!如果能帮到你,那么点个赞吧,哈哈哈话不多说,直接先上效果图:创建一个vue组件,我这里由于项目取名为:departmentsTop5.vueHTML:<template> <div class="absolute-left-right-top-bottom charts-main"> <div class="map-bottom"> <原创 2022-01-16 15:41:09 · 1368 阅读 · 0 评论