特效描述:html5 echarts 中国地图 网络销售分布图表。html5中国地图,echarts网络销售分布图
代码结构
1. 引入JS
2. HTML代码
// 路径配置
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
// 使用
require(
[
'echarts',
'echarts/chart/bar', // 使用柱状图就加载bar模块,按需加载
'echarts/chart/map', // 使用柱状图就加载bar模块,按需加载
'echarts/chart/pie'
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart_map = ec.init(document.getElementById('main_map'));
var itemStyle = {
normal:{label:{
show:true,
formatter:'{b}',
textStyle: {fontSize: 10,fontWeight : 'bold'}
}},
emphasis:{label:{show:true}}
};
var option_map = {
title : {
text: 'iphone销量',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item'
},
legend: {
orient: 'vertical',
x:'left',
data:['iphone3','iphone4','iphone5']
},
dataRange: {
min: 0,
<