使用echarts-for-react和echart.js 配置map图表时,地图未渲染问题

题中说到的map图表是官网的这个示例

控制台没有任何报错,并且局部渲染完成,仅地图没有渲染,大概是这样的

https://img1.mukewang.com/5c51629000015c2508000538.jpg

代码已上传到github

阿晨1998
浏览 4508回答 1
1回答

四季花海

ECharts 3 中因为地图精度的提高,不再内置地图数据增大代码体积。地图下载页也关闭了下载服务。以下是解决方法:import&nbsp;ReactEcharts&nbsp;from&nbsp;"echarts-for-react"import&nbsp;echarts&nbsp;from&nbsp;'echarts';import&nbsp;chinaJson&nbsp;from&nbsp;'echarts/map/json/china.json';&nbsp;//引入地图数据... echarts.registerMap('china',&nbsp;chinaJson);&nbsp;//将地图数据注册到echart对象上,其它不变... <ReactEcharts &nbsp;&nbsp;&nbsp;&nbsp;option={this.option3} &nbsp;&nbsp;&nbsp;&nbsp;notMerge={true} &nbsp;&nbsp;&nbsp;&nbsp;lazyUpdate={true} &nbsp;&nbsp;&nbsp;&nbsp;onChartReady={this.onChartReadyCallback} &nbsp;&nbsp;&nbsp;&nbsp;onEvents={EventsDict} &nbsp;&nbsp;&nbsp;&nbsp;opts={null}&nbsp;/>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

React.JS