这里记录一下,因为echarts属性用到的比较多也比较杂,防止以后需要用到忘记了 初始效果 效果图: 适应大屏风格的发光地图效果,用了两个图层实现叠加背景图片实现: 安装命令 首先在项目中安装echarts与echarts gl(echers gl用于3d) 安装命令 npm install echarts --save //echarts安装命令 npm install echarts-gl...
el-select下拉框实现复选框多选、全选? 背景:版本:vue: '3.3.4'element-plus: '2.3.7'el-select的基础多选功能的下拉框需要替换成el-checkbox复选框;尝试实现代码如下: {代码...} 样式实现了,但是逻辑上还有如下问题:全选功能未能关联单项;选择单个选框时,下拉框关闭了。尝试2 {代码...} 全选关联单项已实...
接下来我们完成地图的初步渲染。 点击事件监听 通过myChart.on方法我们可以获取到点击事件信息,如果你的click监听获取不到数据的话,可以通过这里解决vue echarts-gl 3d 点击地图无法获取监听事件. myChart.on('click', params => { console.log('params---', params) console.log(that.areaName) that.areaName...
vue 数据可视化大屏项目开发中,使用echarts-gl实现3d地图时,客户对地图的颜色不满意,需要重新调配,但是设计师那边没有3d地图的设计图,又不好设计颜色,所以就想着要不做个调色板出来,让客户按照自己的喜好配置颜色吧。 3d地图 配色版 安装依赖 pnpm i lil-gui gui使用文档 引入 import GUI from 'lil-gui'; 使...