echarts
连风都不记得我
一个前端弟弟
展开
-
在Vue中使用Echarts饼状图 内外圈数据联动 具体实现方式分享
echarts图表的具体使用方法就不介绍了 可以去看以前的博客1 创建html <div ref="userData" :style="{width: '100%', height: '450px'}"></div>2.对饼状图表进行配置 // 累计用户数图表配置 getUserData() { //首先获取到元素 this.userDataChart = this.$echarts.init(this.$refs.us...原创 2020-09-08 17:00:55 · 1359 阅读 · 0 评论 -
详解vue中使用echarts地图实现上钻下钻的可视化 三级下钻 省>市>县
简述功能概要最近有需求做一个数据可视化的功能 会具体显示全国各地区的买家分布情况鼠标放置在地图上会显示当前城市的分布人数 点击当前省份会下钻到城市地图 会显示当前省市下各个城市的买家数和分布情况如果遇到没有下一级再次点击会进行返回到国家地图(目前该示例图是两级下钻 省>区市 )(还可以实现点击按钮返回到上一级)右侧数据表会跟随城市的切换而进行动态切换(无视数据的准确性)准备工作首先需要所有城市地图的json文件和一个城市行政区域划代码的js文件(本文件请求使用)(如有需...原创 2020-09-03 16:39:50 · 5233 阅读 · 40 评论