分类:echarts

echarts

北京市延庆区geoJson地图渲染实例

北京市延庆区geoJson地图渲染实例
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts北京市延庆区地图点击地图获取经纬度效果实例。 echarts北京市延庆区地图点击地图获取经纬度效...

yekong 1年前 (2023-09-25) 喜欢

echarts饼状图鼠标移入后不要变大

echarts饼状图鼠标移入后不要变大
echarts饼状图鼠标移入后会方法,这里我们并不想放大,需要进行一下设置,这里我们使用 hoverOffset: 0来进行控制 设置前 设置后 实现代码 { name: '市场快检', type: 'pie', roundCap...

yekong 1年前 (2023-09-24) 喜欢

北京市东城区geoJson数据下载

北京市东城区geoJson数据下载
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是北京市东城区geoJson数据下载。 echarts北京市东城区地图指定区域高亮实例 echarts让指定区域...

yekong 1年前 (2023-09-23) 喜欢

vue echarts-gl 3d地图实现下钻实例

vue echarts-gl 3d地图实现下钻实例
vue 数据大屏项目开发中,需要实现3d地图下钻效果,这里我们使用echarts-gl来实现3d地图。 渲染地图首先要安装依赖 使用echarts实现3d地图,我们需要安装依赖,echarts和echarts-gl的版本是一一对应的,版本差别很大可能会报错,这里我们使用的是e...

yekong 1年前 (2023-09-10) 喜欢

echarts地图选中后的颜色

echarts地图选中后的颜色
最近在开发数据可是胡大屏地图,发现明明设置了地图选中后的颜色为浅白色,但是鼠标移开后,又变为了黄色,这不是我想要的效果。经过研究发现地图设置有两种,一种是鼠标移入后的颜色,一种是选中后的颜色,分别由两个字段控制。 选中后的颜色有select控制 selectedMode: &q...

yekong 1年前 (2023-09-08) 喜欢

echarts 3d地球飞线旋转实例

echarts 3d地球飞线旋转实例
echarts 实现3d地球效果,之前有一个项目进口食品安全智慧监管决策大屏要求实现3d地球效果,在学习threejs的时候有学到threejs实现3d地球效果,于是 在想echarts能不能实现3d地球飞线旋转效果呢?搜索发现是可以实现的。 echarts 实现3d地球是通过...

yekong 1年前 (2023-08-22) 喜欢

echarts 不同颜色柱状图

echarts 不同颜色柱状图
echarts 宽度只有4的柱状图,带背景图,柱状图为不同颜色的渐变色柱状图。 效果截图 组件代码 <template> <div class="echarts1" ref="echarts"> <...

yekong 1年前 (2023-08-14) 喜欢

echarts根据折线图根据数值显示不同的颜色

echarts根据折线图根据数值显示不同的颜色
数据可视化大屏 项目开发中,有一个折线图效果,折线图要求label数值大于40显示为蓝色小于40的显示为绿色。这里使用了渐变色的方式来控制线条的颜色。 echarts版本 "echarts": "^5.2.0", 实现代码 drawEc...

yekong 1年前 (2023-08-13) 喜欢

echarts渲染异形柱状图实例

echarts渲染异形柱状图实例
数据可视化大屏 项目开发中,设计图中有一个效果比较特殊,用echarts代码实现的话,可能没办法实现这种效果,于是想到用图片的方式来实现。 设计图效果截图 echarts渲染后的效果 柱状图分为三部分,顶部中间以及底部三部分。 实例代码 drawLine() { var...

yekong 1年前 (2023-08-12) 喜欢