下载 >  开发技术 >  Javascript > echarts中国地图js

echarts中国地图js 评分:

<!DOCTYPE html> &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=EDGE"&gt; &lt;title&gt;ECharts&lt;/title&gt; &lt;!--&lt;link rel="stylesheet" type="text/c ss" href="css/main.css"/&gt;--&gt; [removed][removed] [removed][removed] [removed][removed] &lt;style&gt;#china-map { width: 1000px; height: 1000px; margin: auto; }&lt;/style&gt; &lt;/head&gt; &lt;body&gt; <div id="china-map"></div> [removed] var myChart = echarts.init(document.getElementById('china-map')); var option = { title: { text: '用户分布', subtext: '测试阶段', x: 'left' }, legend: { orient: 'vertical',//图例的排列方向 x: 'right',//图例的位置 data: [] }, tooltip: {//提示框组件。 trigger: 'item',//数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。 formatter: '{b}<br/>{c} (人)' }, visualMap: {//颜色的设置 dataRange x: 'left', y: 'center', min: 0, max: 2500, calculable: true,//颜色呈条状 text: ['高', '低'],// 文本,默认为数值文本 color: ['#006EDD', '#70B7EE', '#E0FFFF'] }, series: [ { name: '订单量', type: 'map', mapType: 'china', roam: false,//是否开启鼠标缩放和平移漫游 itemStyle: {//地图区域的多边形 图形样式 normal: {//是图形在默认状态下的样式 label: { show: true,//是否显示标签 textStyle: { color: "rgb(249, 249, 249)" } } }, emphasis: {//是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时 label: {show: true} } }, top: "3%",//组件距离容器的距离 data: [ {name: '北京', value: Math.round(Math.random() * 2000)}, {name: '天津', value: Math.round(Math.random() * 2000)}, {name: '上海', value: Math.round(Math.random() * 2000)}, {name: '重庆', value: Math.round(Math.random() * 2000)}, {name: '河北', value: Math.round(Math.random() * 2000)}, {name: '河南', value: Math.round(Math.random() * 2000)}, {name: '云南', value: Math.round(Math.random() * 2000)}, {name: '辽宁', value: Math.round(Math.random() * 2000)}, {name: '黑龙江', value: Math.round(Math.random() * 2000)}, {name: '湖南', value: Math.round(Math.random() * 2000)}, {name: '安徽', value: Math.round(Math.random() * 2000)}, {name: '山东', value: Math.round(Math.random() * 2000)}, {name: '新疆', value: Math.round(Math.random() * 2000)}, {name: '江苏', value: Math.round(Math.random() * 2000)}, {name: '浙江', value: Math.round(Math.random() * 2000)}, {name: '江西', value: Math.round(Math.random() * 2000)}, {name: '湖北', value: Math.round(Math.random() * 2000)}, {name: '广西', value: Math.round(Math.random() * 2000)}, {name: '甘肃', value: Math.round(Math.random() * 2000)}, {name: '山西', value: Math.round(Math.random() * 2000)}, {name: '内蒙古', value: Math.round(Math.random() * 2000)}, {name: '陕西', value: Math.round(Math.random() * 2000)}, {name: '吉林', value: Math.round(Math.random() * 2000)}, {name: '福建', value: Math.round(Math.random() * 2000)}, {name: '贵州', value: Math.round(Math.random() * 2000)}, {name: '广东', value: Math.round(Math.random() * 2000)}, {name: '青海', value: Math.round(Math.random() * 2000)}, {name: '西藏', value: Math.round(Math.random() * 2000)}, {name: '四川', value: Math.round(Math.random() * 2000)}, {name: '宁夏', value: Math.round(Math.random() * 2000)}, {name: '海南', value: Math.round(Math.random() * 2000)}, {name: '台湾', value: Math.round(Math.random() * 2000)}, {name: '香港', value: Math.round(Math.random() * 2000)}, {name: '澳门', value: Math.round(Math.random() * 2000)}, {name: '南海诸岛', value: Math.round(Math.random() * 2000)} ] } ] }; myChart.setOption(option); [removed] &lt;/body&gt; &lt;/html&gt;
...展开详情收缩
2018-11-08 上传大小:60KB
分享
收藏 举报
echarts地图资源

echarts map 资源,含全世界;中国;省;市地区的地图 ;json .js都有),echarts官网上都挺详细的,唯一难受的地方就是echarts的地图数据都下架了,数据或许不是很精确,所以仅供大家参考。有问题可以联系

立即下载
echarts中国地图china.js下载
Echarts入门----Echarts初学保姆版(老泪纵横)下载使用教程附画图实例
关于在echarts/ngx-echarts中引入省份地图简易实现
echarts.js

echarts地图的js文件

立即下载
ECharts全国地图js

ECharts全国地图js,中国地图,中国各省市地图,世界地图

立即下载
ECHARTS真正全国省市纯JS地图(371个)

ECHARTS真正全国省市纯JS地图(371个) 保证可用 ECHARTS真正全国省市纯JS地图(371个) 保证可用

立即下载
Echarts JS合集 2019

Echarts JS到2019年所有版本合集,包括Echarts 0.2.0、1.0.0、2.2.7、3.0.0、3.4.0、3.5.1、4.1.0、4.2.1与ECharts GL 1.1.1,可以直接在标签中引用,每个版本都是不同的风格效果,可以根据自己的需要来选择,全部收集放在一起,这样用起来方便省心。

立即下载
echarts.html

echarts的图标实力,大家随便看看,

立即下载
Echarts要用到的js_css_dll

Echarts要用到的js_css_dll

立即下载
echarts4.2.0

包含常用 精简 完整 源代码四个文件。内含官方实例。ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

立即下载
上海地图
echarts 地图缩放事件
Echarts关于中国地图的china.js文件下载
echarts资料下载(转载)
html+js+css+接口交互+echarts实例一枚
echarts地图全国省份js资源

echarts地图全国省份js文件,可以直接引用,注意,这个是js文件,需要json文件的请下载我上传的其他资源

立即下载
echarts的基本使用及其插件下载
echarts地图json实现
Echarts地图使用json数据显示方法

热点文章

下载码下载
做任务获取下载码
取消 提交下载码
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

echarts中国地图js

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
3 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: