2024-03-24 22:03:48
88
666
在做数据可视化大屏页面展示时，或多或少都会用到echarts去歇一歇图表，比如饼图、柱状图、折线图等等，但是如果所有的图表代码都在vue页面中去写会造成代码冗余，同时也不便于后期拓展，所以我们要将这部分代码给写到外面，将他们进行封装。这样，我们就可以在 Vue 中使用 Echarts 图表了。当父组件渲染时，会传递配置项到子组件中，然后子组件会创建一个 Echarts 实例并渲染图表。no no no，接下来，看我操作。1. 首先，在 Vue 项目中安装 Echarts 库。将组件封装，传参为饼图颜色。_echarts封装成vue组件
2024-03-20 11:03:39
152
691
主要实现的是在echarts中堆叠柱状图的 默认选中 以及 定时切换选中 效果；_echarts柱状图默认选中
2024-02-16 14:02:58
259
294
当饼图设置了label，又设置了emphasis。鼠标移入时显示emphasis的内容，移出时默认显示label的内容。_echarts饼图label默认展示
2024-02-03 12:02:59
947
216
css 边框流光效果，前端在做一些界面，尤其是当下各种忽悠人的大屏盛行。就得用一些稍微炫酷唬人点的东西给大家伙瞅瞅，不然怎么忽悠别人。首先边框，在原有的边框内部需要加两个元素作为两条线，另外两条线用伪类元素--before和after。style如下，这里用了scss 可根据需求自行更改。以下是代码，如果不想研究实现原理可直接复制粘贴。_div边框加入流光效果
2024-01-27 01:01:21
625
396
使用echart-gl实现透明质感的大屏3D地图，可以交互，悬浮框的样式自定义_echarts 3d地图