一、安装Echarts
在Uniapp项目中安装echarts依赖,参考其他人的博客https://blog.csdn.net/wxh958548129/article/details/107520566
我安装的时候好像少了地图文件,我还是重别的地方拷进去的,不知道你们会不会出现这个问题,还有就是在线订制echarsjs文件时需注意自己要用的图表和对应的属性,不然到时没显示,当时漏了视觉映射,导致做地图块分层色没显示,以此为鉴。
二、各种图表的使用
1.地图
代码如下(示例):
let lineOption = {
title: {
text: '各地市备案设备统计',
subtext: '',
left: 'center'
},
visualMap: {
show: true,
min: 0,
max: 40000,
text: ['High', 'Low'],
realtime: false,
calculable: true,
inRange: {
color: ['lightskyblue', 'yellow', 'orangered']
}
},
tooltip: {
trigger: 'item',
formatter: function(e, t, n) {
return '地区:' + e.data.name + '\n备案设备数量:' + e.data.value;
},
textStyle: