echarts
『LXL』
为了督催自己学习 以后争取一周发三篇笔记 或者感悟
展开
-
geoCoordMap数据,全国省市,4个直辖市,用于echart gl 3d地图
var geoCoordMap= { '北京': [116.4551, 40.2539], '东城区':[116.418757,39.917544], '西城区':[116.366794,39.915309], '朝阳区':[116.486409,39.921489], '丰台区':[116.286968,39.863642], '石景山区':[116.195445,39.914601], '海淀区':[116.310316,39.956074],原创 2020-12-15 10:27:48 · 3227 阅读 · 0 评论 -
vue中用echarts的折线图各部分属性以及应用
前边引入echarts的步骤请看下边地址:https://blog.csdn.net/l17862868372/article/details/110871317要实现的效果:下边是echarts折线图的具体配置:let myChart2 = this.$echarts.init(document.getElementById('myChart2')) // 绘制图表 myChart2.setOption({ titl原创 2020-12-14 14:24:29 · 448 阅读 · 0 评论 -
echarts对后台返回的数据进行处理
后台返回这种数据得处理:需要得到数组中的对象同一类的数据为一个数组1.第一步,先要name作为键名let keyArray = Object.keys(order.data[0])console.log(keyArray)2.根据键名做循环取出对应的键名的数据keyArray.forEach(key => { this.echartData.order.series.push({ // 将wechat改名为小程序 name: key === 'wechat' ?原创 2020-12-14 08:52:47 · 2650 阅读 · 0 评论 -
vue搭配echarts做地图散点效果以及飞机迁徙图
记录一下自己vue项目中做的echarts地图分布散点效果1.项目安装echarts在已经生成的vue项目根目录运行安装echarts:npm install echarts -S2.百度地图api平台申请百度地图ak地址:http://lbsyun.baidu.com/3.加入百度地图api首先我们在public/inde.html head中引入百度地图api:<script type="text/javascript" src="http://api.map.baid原创 2020-12-08 15:40:24 · 1583 阅读 · 3 评论