前言
最近做网站的后台数据统计,其中有一项是从百度统计那里获取的访问网站的人员分布,然后我就使用echarts搞了一个中国地图,刚开始用假数据渲染出来后很简单,效果立竿见影,然而在使用后台获取数据后再渲染地图数据死活加载不出来,然后在昨天熬夜到一点后终于成功了,写前端的java是真的伤不起啊。。下面把教程给大家说一下避免在进坑!
效果
前端代码
html:
Echarts使用心得总结--中国地图Js代码:var mapChart = echarts.init(document.getElementById("echarts-map-chart"));
var mapoption = {
title: {
text: '今日网站浏览量',
subtext: '中国区',
x: 'center'
},
tooltip: {
trigger: 'item'
},
dataRange: {
max:88,
min:0,
x: 'left',
y: 'bottom',
text: ['高', '低']