html5 中国地图统计图,html5 echarts中国地图网络销售分布图表代码

这篇博客展示了如何使用HTML5和Echarts库创建一个中国地图统计图,用以展示网络销售分布情况。通过引入JS和配置Echarts选项,实现了不同型号的iphone在各省份的随机销量展示。
摘要由CSDN通过智能技术生成

特效描述: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,

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值