Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
J
Jz-Php
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
PHP
Jz-Php
Commits
81655506
提交
81655506
authored
5月 27, 2020
作者:
chengye
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加统计地图
上级
9e846bb3
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
54 行增加
和
61 行删除
+54
-61
index.html
application/jz/view/count/index.html
+54
-61
没有找到文件。
application/jz/view/count/index.html
浏览文件 @
81655506
...
...
@@ -9,27 +9,20 @@
<div
class=
"layui-row layui-col-space15"
>
<div
class=
"layui-col-md12"
>
<div
class=
"layui-card"
>
<div
class=
"layui-card-body"
>
<div
id=
"map"
></div>
</div>
<div
id=
"main"
></div>
</div>
</div>
</div>
</div>
</body>
<script
type=
"text/javascript"
src=
"__STATIC__/admin/js/echarts.min.js"
></script>
<script
type=
"text/javascript"
src=
"__STATIC__/admin/js/jquery.3.2.1.js"
></script>
<script
type=
"text/javascript"
src=
"__STATIC__/admin/js/echarts.min.js"
></script>
<script>
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'map'
));
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'main'
));
myChart
.
showLoading
();
$
.
get
(
'https://geo.datav.aliyun.com/areas_v2/bound/110000_full.json'
,
function
(
geoJson
)
{
myChart
.
hideLoading
();
echarts
.
registerMap
(
'HK'
,
geoJson
);
myChart
.
setOption
(
option
=
{
title
:
{
text
:
'香港18区人口密度 (2011)'
,
...
...
@@ -61,57 +54,57 @@
color
:
[
'lightskyblue'
,
'yellow'
,
'orangered'
]
}
},
series
:
[
{
name
:
'香港18区人口密度'
,
type
:
'map'
,
mapType
:
'HK'
,
// 自定义扩展图表类型
label
:
{
show
:
true
},
data
:
[
{
name
:
'中西区'
,
value
:
20057.34
},
{
name
:
'湾仔'
,
value
:
15477.48
},
{
name
:
'东区'
,
value
:
31686.1
},
{
name
:
'南区'
,
value
:
6992.6
},
{
name
:
'油尖旺'
,
value
:
44045.49
},
{
name
:
'深水埗'
,
value
:
40689.64
},
{
name
:
'九龙城'
,
value
:
37659.78
},
{
name
:
'黄大仙'
,
value
:
45180.97
},
{
name
:
'观塘'
,
value
:
55204.26
},
{
name
:
'葵青'
,
value
:
21900.9
},
{
name
:
'荃湾'
,
value
:
4918.26
},
{
name
:
'屯门'
,
value
:
5881.84
},
{
name
:
'元朗'
,
value
:
4178.01
},
{
name
:
'北区'
,
value
:
2227.92
},
{
name
:
'大埔'
,
value
:
2180.98
},
{
name
:
'沙田'
,
value
:
9172.94
},
{
name
:
'西贡'
,
value
:
3368
},
{
name
:
'离岛'
,
value
:
806.98
}
],
// 自定义名称映射
nameMap
:
{
'Central and Western'
:
'中西区'
,
'Eastern'
:
'东区'
,
'Islands'
:
'离岛'
,
'Kowloon City'
:
'九龙城'
,
'Kwai Tsing'
:
'葵青'
,
'Kwun Tong'
:
'观塘'
,
'North'
:
'北区'
,
'Sai Kung'
:
'西贡'
,
'Sha Tin'
:
'沙田'
,
'Sham Shui Po'
:
'深水埗'
,
'Southern'
:
'南区'
,
'Tai Po'
:
'大埔'
,
'Tsuen Wan'
:
'荃湾'
,
'Tuen Mun'
:
'屯门'
,
'Wan Chai'
:
'湾仔'
,
'Wong Tai Sin'
:
'黄大仙'
,
'Yau Tsim Mong'
:
'油尖旺'
,
'Yuen Long'
:
'元朗'
}
}
]
//
series: [
//
{
//
name: '香港18区人口密度',
//
type: 'map',
//
mapType: 'HK', // 自定义扩展图表类型
//
label: {
//
show: true
//
},
//
data: [
//
{name: '中西区', value: 20057.34},
//
{name: '湾仔', value: 15477.48},
//
{name: '东区', value: 31686.1},
//
{name: '南区', value: 6992.6},
//
{name: '油尖旺', value: 44045.49},
//
{name: '深水埗', value: 40689.64},
//
{name: '九龙城', value: 37659.78},
//
{name: '黄大仙', value: 45180.97},
//
{name: '观塘', value: 55204.26},
//
{name: '葵青', value: 21900.9},
//
{name: '荃湾', value: 4918.26},
//
{name: '屯门', value: 5881.84},
//
{name: '元朗', value: 4178.01},
//
{name: '北区', value: 2227.92},
//
{name: '大埔', value: 2180.98},
//
{name: '沙田', value: 9172.94},
//
{name: '西贡', value: 3368},
//
{name: '离岛', value: 806.98}
//
],
//
// 自定义名称映射
//
nameMap: {
//
'Central and Western': '中西区',
//
'Eastern': '东区',
//
'Islands': '离岛',
//
'Kowloon City': '九龙城',
//
'Kwai Tsing': '葵青',
//
'Kwun Tong': '观塘',
//
'North': '北区',
//
'Sai Kung': '西贡',
//
'Sha Tin': '沙田',
//
'Sham Shui Po': '深水埗',
//
'Southern': '南区',
//
'Tai Po': '大埔',
//
'Tsuen Wan': '荃湾',
//
'Tuen Mun': '屯门',
//
'Wan Chai': '湾仔',
//
'Wong Tai Sin': '黄大仙',
//
'Yau Tsim Mong': '油尖旺',
//
'Yuen Long': '元朗'
//
}
//
}
//
]
});
});
</script>
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论