-
本版专家分：0结帖率 83.33%
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
需求 利用echarts在地图上画一个矢量线性统计图
<!DOCTYPE html>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<head>
<style type="text/css">
html {
height: 100%;
width: 100%;
}
body {
height: 100%;
margin: 0px;
padding: 0px
}
#container {
height: 100%;
}
</style>
</head>
<body>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=E4805d16520de693a3fe707cdc962045"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<div id="container"></div>
<script>
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var pt1s = [
[116.3205, 40.0613],
[116.3205, 40.0811],
[116.3205, 40.1009]
];
var pt2s = [
[116.3188, 40.0811],
[116.3700, 40.0811]
];
var pt3s = [
[116.3205, 40.0811],
[116.3215, 40.0821],
[116.3225, 40.0827],
[116.3235, 40.0831],
[116.3245, 40.0831],
[116.3249, 40.0833],
[116.3259, 40.0839],
[116.3269, 40.0845],
[116.3269, 40.0834],
]
var _data = [{
name: 'y轴',
coords: pt1s,
lineStyle: {
color: '#6ea500',
type: 'solid'
},
}, {
name: 'x轴',
coords: pt2s,
lineStyle: {
color: '#ff5500',
type: 'solid', //'dashed'
},
},
{
name: '数据',
coords: pt3s,
lineStyle: {
color: '#0000ff',
type: 'solid',
curveness: 1
}
}
]
var option = {
bmap: {
center: [116.3205, 40.0811],
zoom: 15,
roam: true,
},
series: [{
type: 'lines',
coordinateSystem: 'bmap',
polyline: true,
data: _data,
silent: false,
lineStyle: {
color: '#fff',
opacity: 1,
width: 2,
// type: 'solid',
// curveness: 1
}
}]
}
myChart.setOption(option, true);
</script>
</body>
目前效果
预期效果
-
本版专家分：0
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
高手求指教
-
本版专家分：0
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
自己搞定了
- 基于echarts的前端地图统计插件（只有全国的）
java web前端用到的地图统计插件 echarts 全国地图 统计
- 基于echarts的中国地图省份数据统计显示
基于百度的echarts编写的中国地图数据统计显示demo，可以下载直接使用，用于技术交流分享
- echarts 中国各省市 echarts地图数据，含世界地图
echarts 中国各省市 echarts地图数据，含世界地图,含各省地市数据
- echarts全国地图与各省地图切换实例.zip
echarts前端实现全国地图展示、各省市地图展示、全国地图与各省地图切换、各省市点击绑定事件实例，可请求后台数据完成展现
- echarts实现饼形数据统计图形代码.zip
echarts实现饼形数据统计图形代码
- ECHARTS真正全国省市纯JS地图(371个)
ECHARTS真正全国省市纯JS地图(371个) 保证可用 ECHARTS真正全国省市纯JS地图(371个) 保证可用
- echarts最新世界地图（修复）、中国地图、省市地图js和json数据文件
echarts最新世界地图（修复）、中国地图、省市地图js和json数据文件
- echarts世界地图JS的文件
echarts世界地图JS文件，亲测可用，我自己在项目中就在使用。
- echarts 中国地图省份地图数据 （JS版本）
用于百度echarts地图的 中国 及 各省份 js数据。 echarts地图全国省份js文件，可以直接引用，注意，这个是js文件，需要json文件的请下载我上传的其他资源
- echarts4地图数据文件(含全国和省json以及全国、省、地市json文件)
echarts4地图数据文件(含全国和省js以及全国、省、地市json文件)
- Echarts全国各省市地图数据
2019年1月23号最新整理的ECharts地图数据，JSON格式的。里面包含全国地图和全国各省、已经各省的市区的地图数据。
- echarts数据地图实现省市联动点击
一个echarts数据地图的案例，展示全国省市的数据，以及点击省份下钻到市级的数据展示效果。
- echarts省市县三级地图
echarts，省市县三级地图Json 点击省切换到市级地图县级地图
- 基于echarts后台统计图首页
echarts后台统计图首页，有折线图、饼图、等.......................
- ECharts实现某省份热图、轨迹图和线图等例子
百度ECharts实现的地图方面的例子，某省份的热图、轨迹图和线图等例子。
- 地级市echarts 3d 地图数据可视化
基于地级市3d 地图上的3d柱形图 更换相关json就可以变成你想要的城市的统计图 demo 学习多天心血之作 一起学习
- 百度echarts地图数据（js）
在网上搜了好久都没有找到对应的资源，先放在网上，仅做交流，如有不符法规处，请勿商用，随意传播
- 利用Echarts实现中国地图以及有时间轴的动态柱状图
利用百度Echarts实现按照七大地理区划分的中国地图以及带有时间轴的柱状图。每次选择的选择框时，地图数据会更新，实现界面交互，比如，选择肺癌时，地图上的数据是肺癌数据，地图右边会出现肺癌图片及描述。
- echarts省市区三级地图离线版本
echarts使用的全国各省市区三级地图js和json文件，可修改代码变成统计图
- ITSM服务管理系统ManageEngine_ServiceDesk_Plus_64位10.05版本
全球IT经理一致喜爱的ITSM系统 卓豪ServiceDesk Plus是完全基于ITIL架构的ITSM(IT服务管理)软件，全面集成了事件管理、问题管理、变更管理、资产管理、IT项目管理、知识库、采购与合同管理等功能模块，并提供了灵活的流程和表单设计工具，帮助企业根据自身特点定制各种业务流程，从而彻底改变错综无序的IT服务现状，提高IT团队的生产效率，改善终端用户的满意度。软件支持29种语言，目前在全球185个国家和地区，已帮助超过15万家企业级用户提升和优化IT服务质量。