这 为啥 我不理解 我实在是很懵逼 ctrl上去也没能点的 路径也没错啊 我麻了 真麻了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="echarts.min.js"></script>
<script src = "china.js"></script>
</head>
<body>
<div id="main" style="width: 1280px;height:720px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
var name_title = "微博评论热力图"
var mapName = 'china'
var data = [
{ name: '广东', value: 278 },
{ name: '江苏', value: 170 },
{ name: '山东', value: 100 },
{ name: '浙江', value: 133 },
{ name: '河南', value: 67 },
{ name: '四川', value: 108 },
{ name: '湖北', value: 75 },
{ name: '湖南', value: 53 },
{ name: '河北', value: 69 },
{ name: '福建', value: 56 },
{ name: '上海', value: 138 },
{ name: '北京', value: 161 },
{ name: '安徽', value: 48 },
{ name: '辽宁', value: 59 },
{ name: '陕西', value: 69 },
{ name: '江西', value: 26 },
{ name: '重庆', value: 36 },
{ name: '广西', value: 61 },
{ name: '天津', value: 32 },
{ name: '云南', value: 15 },
{ name: '内蒙古', value: 11 },
{ name: '山西', value: 33 },
{ name: '黑龙江', value: 21 },
{ name: '吉林', value: 10 },
{ name: '贵州', value: 11 },
{ name: '新疆', value: 12 },
{ name: '甘肃', value: 15 },
{ name: '海南', value: 12 },
{ name: '宁夏', value: 9 },
{ name: '青海', value: 5 },
{ name: '西藏', value: 0 }
];
var option = {
title: {
text: name_title,
x: 'center',
textStyle: {
fontSize: 24
},
},
tooltip: {
trigger: 'item',
formatter: function(params) {
var toolTiphtml = ''
if (isNaN(params.value)){
toolTiphtml = params.name + '评论数'
}else{
toolTiphtml = params.name + params.value + '评论数'
}
//console.log(toolTiphtml)
return toolTiphtml;
}
},
toolbox: {
feature: {
saveAsImage: {}
}
},
visualMap: {
show: true,
left: 'left',
top: 'bottom',
seriesIndex: [0],
type:'piecewise',
pieces:[
{min:201, color: 'rgb(254,57,101)'},
{min:101, max:200, color: 'rgb(252,157,154)'},
{min:51, max:100, color: 'rgb(249,205,173)'},
{min:11, max:50, color: 'rgb(200,200,169)'},
{min:0, max:10, color: 'rgb(131,175,155)'},
],
textStyle: {
color: '#000000'
}
},
geo: {
show: true,
map: mapName,
label: {
normal: {
show: true,
fontSize:12,
},
emphasis: {
show: false,
}
},
roam: false,
itemStyle: {
normal: {
areaColor: '#FFFFFF',
borderColor: '#666666',
},
emphasis: {
areaColor: '#0099CC',
}
}
},
series: [
{
type: 'map',
map: mapName,
geoIndex: 0,
animation: false,
data: data
},
]
};
Echarts.registerMap('china', china)
myChart.setOption(option);
</script>
</body>
</html>
你那个引入路径加个./试试
<script src="echarts.min.js"></script>
是放到head里面引入吗?
我记得好像实在body里面引入把