分类:学习笔记

note

highcharts 性别比例3d饼状图带底座效果实例

highcharts 性别比例3d饼状图带底座效果实例
数据大屏 项目开发中需要3d饼状图效果来展示性别比例,这里我们使用的是highcharts 来实现3d饼状图。 根据列表数据自动计算当前数据总数。 效果演示 引用组件 <template> <div class="itemBodys"...

2年前 (2023-05-15) 喜欢

echarts肇庆市鼎湖区geoJson地图区域闪烁效果实例

echarts肇庆市鼎湖区geoJson地图区域闪烁效果实例
数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是肇庆市鼎湖区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 鼎湖区(Dinghu ...

2年前 (2023-05-15) 喜欢

echarts 饼状图环形边线装饰效果

echarts 饼状图环形边线装饰效果
数据大屏 项目开发中,有一个饼状图需求: 饼状图需求描述 左侧饼状图两层边线描述,为了让标题能够一直处在饼状图中心,饼状图中心为黑色背景,饼状图和legend是分开的。 饼状图中心有总数以及说明文字 右侧legend 使用html自定义实现。自定义legend可以选中高亮,不选中...

2年前 (2023-05-15) 喜欢

echarts肇庆市端州区geoJson地图3d地图自定义图标实例

echarts肇庆市端州区geoJson地图3d地图自定义图标实例
可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理肇庆市端州区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。 端州区,隶属 广东省 肇庆市 ,位于广东...

2年前 (2023-05-15) 喜欢

echarts茂名市信宜市geoJson地图tooltip自定义html实例

echarts茂名市信宜市geoJson地图tooltip自定义html实例
数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是茂名市信宜市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 信宜市,古称窦州,广东...

2年前 (2023-05-15) 喜欢

echarts茂名市化州市geoJson地图地图排行榜效果代码演示

echarts茂名市化州市geoJson地图地图排行榜效果代码演示
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理茂名市化州市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 化州市,广东省 辖县级市,由 茂名市 代管,位于广东省西南...

2年前 (2023-05-15) 喜欢

echarts茂名市高州市geoJson地图局部颜色渐变演示实例

echarts茂名市高州市geoJson地图局部颜色渐变演示实例
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是茂名市高州市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 高州市,广东省 ...

2年前 (2023-05-15) 喜欢

echarts 饼状图添加圆点以及圆环背景外加自定义legend

echarts 饼状图添加圆点以及圆环背景外加自定义legend
数据可视化大屏 项目开发中,为了能够快速应用到项目中,项目开发中遇到各种样式的饼状图,都会整理出来,后期遇到类似的效果,就可以直接拿过来微调使用,而不需要重头开始,节省时间。 饼状图需求描述 左侧饼状图 饼状图颜色渐变,饼状图随着数据多少显示不同的大小,饼状图中间有白色圆点,圆点...

2年前 (2023-05-14) 喜欢

echarts 饼状图效果自定义背景图圆角衔接legend自定义

echarts 饼状图效果自定义背景图圆角衔接legend自定义
数据可视化大屏 项目开发中,为了能够快速应用到项目中,项目开发中遇到各种样式的饼状图,都会整理出来,后期遇到类似的效果,就可以直接拿过来微调使用,而不需要重头开始,节省时间。 饼状图需求描述 左侧饼状图 饼状图的各个部位以圆角衔接。背景使用自定义图片。 右侧legend 使用ht...

2年前 (2023-05-14) 喜欢

echarts 双折线虚线折线图

echarts 双折线虚线折线图
vue 可视化大屏 项目开发中,两种颜色的虚线折线图,将实现代码记录下来。 演示实例 组件代码 <template> <div class="echarts1" ref="echarts"> </d...

2年前 (2023-05-14) 喜欢