ECharts
文章平均质量分 81
Apache ECharts一个基于 JavaScript 的开源可视化图表库
邹荣乐
拥有多年开发经验的前端工程师,曾经参与过多个大型项目的开发,积累了丰富的项目经验。希望能结交更多志同道合的朋友。
展开
-
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
splitNumber:坐标轴的分割段数,需要注意的是这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。在多个 y 轴为数值轴的时候,可以开启该配置项自动对齐刻度。只对’value’和’log’类型的轴有效。根据上面的原因去分析,要想左右的刻度线一致,分隔的段数是必须是一样的,这样才能重合。刻度在显示时,分割段数不一样,导致左右的刻度线不一致,不能重合在一起。interval:强制设置坐标轴分割间隔。从 v5.3.0 开始支持。原创 2024-04-10 14:31:39 · 3326 阅读 · 0 评论 -
微信小程序图表制作利器:ECharts组件的使用与技巧
为了兼容小程序 Canvas,Apache ECharts提供了一个小程序的组件,用这种方式可以方便地使用 ECharts。原创 2023-08-02 10:50:11 · 2017 阅读 · 0 评论 -
Vue结合ECharts绘制省市地图:数据驱动区域颜色展示,支持省市下钻与经纬度打点功能
通过 阿里旗下的高德地图提供的api ,可以获取到中国各个省份/区级/县级的json数据,但是区级和县级,并没有包含街道和乡镇的数据。与之相关的地理坐标系一般是指由经度、纬度和相对高度组成的坐标系,能够标示地球上的任何一个位置。经度和纬度常合称为经纬度,把地球球面上的经纬度显示在平面地图上需要采用某种地图投影。本文以吉林省地图为例,来实现吉林省及所有市的切换效果。原创 2023-11-17 16:02:48 · 5162 阅读 · 0 评论 -
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息;增加涟漪特效动画。本文以吉林省地图为例,来实现吉林省市的地图的绘制。根据数据在地图上显示柱状图信息;增加涟漪特效动画。你也可以显示中国地图或其他身份地图。原理是一样的哦。主要是通过geo地理坐标系组件实现地图绘制。柱状图是利用3个样式(顶部椭圆、中部矩形、底部椭圆)层叠实现的。原创 2024-01-19 11:09:00 · 2165 阅读 · 0 评论 -
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据不同显示不同天气图标;显示省市的温度信息等数据。本文以吉林省地图为例,来实现吉林省下所有市的天气显示效果。你也可以显示中国地图或其他身份地图。原理是一样的哦。主要是通过label里面的formatter和rich来自定义样式的,在 rich 里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。原创 2023-12-28 09:31:10 · 1355 阅读 · 0 评论