内容简介:最近在项目中使用ECharts时遇见了许多问题,在这里做个记录在Vue中使用geo时不显示地图,数据都堆叠在一起,如下图所示:
最近在项目中使用ECharts时遇见了许多问题,在这里做个记录
在Vue中使用geo时不显示地图
在Vue中使用geo时不显示地图,数据都堆叠在一起,如下图所示:
后查找发现是未引入地图数据,需要在Vue文件中引入地图JSON数据,关键代码如下:
import echarts from 'echarts'; import china from 'echarts/map/json/china.json'; echarts.registerMap('china', china);
如果是使用TypeScript,需要在tsconfig.json中加入 "resolveJsonModule": true
,否则在引入json数据的时候编辑器会提示报错 error TS2732: Cannot find module 'echarts/map/json/china.json'. Consider using '--resolveJsonModule' to import module with '.json' extension
不显示南海诸岛
在使用地图时,大部分情况下南海诸岛都没有数据,这时我们可以控制南海诸岛的隐藏
geo: { map: 'china', regions: [ { name: '南海诸岛', value: 0, itemStyle: { normal: { opacity: 0, label: { show: false } } } } ], label: { emphasis: { show: false } }, itemStyle: { normal: { areaColor: '#323c48', borderColor: '#111' }, emphasis: { areaColor: '#2a333d' } } }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
The Pragmatic Programmer
Andrew Hunt、David Thomas / Addison-Wesley Professional / 1999-10-30 / USD 49.99
本书直击编程陈地,穿过了软件开发中日益增长的规范和技术藩篱,对核心过程进行了审视――即根据需求,创建用户乐于接受的、可工作和易维护的代码。本书包含的内容从个人责任到职业发展,直至保持代码灵活和易于改编重用的架构技术。从本书中将学到防止软件变质、消除复制知识的陷阱、编写灵活、动态和易适应的代码、避免出现相同的设计、用契约、断言和异常对代码进行防护等内容。一起来看看 《The Pragmatic Programmer》 这本书的介绍吧!
JS 压缩/解压工具
在线压缩/解压 JS 代码
HTML 编码/解码
HTML 编码/解码