数据可视化大屏项目开发中,会遇到各种不一样的需求,前面我们实现的echarts 堆叠伪圆柱柱状图效果,这次我们实现一个类似棱柱体效果。如果顶部的菱形装饰不满意,想用其他的图标我们可以通过iconfont自行寻找图标进行替换。
底部axisLabel的文字倾斜我们用到了rotat...
yekong
1年前 (2023-11-04)
喜欢
数据可视化大屏项目开发中,会遇到各种不一样的需求,今天遇到的需求是堆叠柱状图,并且堆叠在一块的柱状图顶部有个椭圆装饰让柱状图看起来像个个圆柱体。
这里是通过markPoint来实现我们想要的效果的。通过svg图标达到柱状图椭圆顶部的效果。
markPoint
ECharts 的...
yekong
1年前 (2023-11-04)
喜欢
数据可视化大屏项目开发中,会遇到各种各样的效果,今天遇到一个问题就是legend图标中矩形只有直角的,但是设计图里是
设计图效果
echarts实现效果
调整办法
echarts legend矩形图标默认只有直角的,没有圆角的,所以我们需要将图标改为svg格式的,我们可以通过...
yekong
1年前 (2023-11-04)
喜欢
在之前的vue 项目中使用高德地图自定义图标覆盖物我们实现了自定义图标覆盖物,这里我们来给自定义覆盖物绑定自定义弹窗。
演示地址
vue 项目中高德地图自定义覆盖物绑定自定义弹窗
首先引入高德地图
在vue项目中的index.html中引入高德地图,这里的key需要自己申请。
...
yekong
1年前 (2023-11-04)
喜欢
数据可视化大屏 项目开发中,需要使用高德地图来渲染自定义图标,这里将实现步骤写下来。
演示地址
vue 项目中使用高德地图自定义图标覆盖物
vue 项目中使用高德地图自定义图标覆盖物
首先引入高德地图
在vue项目中的index.html中引入高德地图,这里的key需要自己申请...
yekong
1年前 (2023-11-04)
喜欢
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是北京市密云区geoJson渲染实例下载。
北京市密云区,隶属于北京市,位于北京市东北部,是首都的重要生态涵养区...
yekong
1年前 (2023-11-04)
喜欢
随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宜昌市猇亭区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
宜...
yekong
1年前 (2023-11-04)
喜欢
在 PhpStorm 中配置 File Watcher 来自动将 SCSS 文件编译成压缩后的 CSS 文件,你需要按照以下步骤操作:
安装 SCSS/Sass 编译器:
确保你已经在你的计算机上安装了 SCSS 的编译器。通常这意味着需要安装 Node.js 和 npm,...
yekong
1年前 (2023-11-04)
喜欢
html项目开发中,为了提升页面加载速度,我们需要对js文件进行压缩,这里我们使用UglifyJS来实现我们想要的效果。
UglifyJS 是一个流行的 JavaScript 压缩工具,可以通过命令行使用,也可以作为构建过程中的一个步骤。这里介绍如何通过命令行使用 UglifyJ...
yekong
1年前 (2023-11-03)
喜欢
PhpStorm 是一个集成开发环境(IDE),它支持多种方式来压缩 JavaScript 文件。PhpStorm 没有内置的 JavaScript 压缩工具,但是你可以配置 File Watchers 来使用外部工具如 UglifyJS、Google Closure Compi...
yekong
1年前 (2023-11-03)
喜欢