Слияние кода завершено, страница обновится автоматически
function randomData() {
return Math.round(Math.random() * 500);
}
var mydata = [
{name: '北京', value: '100'}, {name: '天津', value: randomData()},
{name: '上海', value: randomData()}, {name: '重庆', value: randomData()},
{name: '河北', value: randomData()}, {name: '河南', value: randomData()},
{name: '云南', value: randomData()}, {name: '辽宁', value: randomData()},
{name: '黑龙江', value: randomData()}, {name: '湖南', value: randomData()},
{name: '安徽', value: randomData()}, {name: '山东', value: randomData()},
{name: '新疆', value: randomData()}, {name: '江苏', value: randomData()},
{name: '浙江', value: randomData()}, {name: '江西', value: randomData()},
{name: '湖北', value: randomData()}, {name: '广西', value: randomData()},
{name: '甘肃', value: randomData()}, {name: '山西', value: randomData()},
{name: '内蒙古', value: randomData()}, {name: '陕西', value: randomData()},
{name: '吉林', value: randomData()}, {name: '福建', value: randomData()},
{name: '贵州', value: randomData()}, {name: '广东', value: randomData()},
{name: '青海', value: randomData()}, {name: '西藏', value: randomData()},
{name: '四川', value: randomData()}, {name: '宁夏', value: randomData()},
{name: '海南', value: randomData()}, {name: '台湾', value: randomData()},
{name: '香港', value: randomData()}, {name: '澳门', value: randomData()}
];
layui.define(function (exports) {
var mapTree = {
"title": {
"text": "用户访问"
},
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "cross",
"label": {
"backgroundColor": "#6a7985"
}
}
},
"legend": {
"data": [
"邮件营销",
"联盟广告",
"视频广告",
"直接访问",
"搜索引擎"
]
},
"toolbox": {
"feature": {
"saveAsImage": {}
}
},
"grid": {
"left": "3%",
"right": "4%",
"bottom": "3%",
"containLabel": true
},
"xAxis": [
{
"type": "category",
"boundaryGap": false,
"data": [
"周一",
"周二",
"周三",
"周四",
"周五",
"周六",
"周日"
]
}
],
"yAxis": [
{
"type": "value"
}
],
"series": [
{
"name": "邮件营销",
"type": "line",
"stack": "总量",
"areaStyle": {},
"data": [
120,
132,
101,
134,
90,
230,
210
]
},
{
"name": "联盟广告",
"type": "line",
"stack": "总量",
"areaStyle": {},
"data": [
220,
182,
191,
234,
290,
330,
310
]
},
{
"name": "视频广告",
"type": "line",
"stack": "总量",
"areaStyle": {},
"data": [
150,
232,
201,
154,
190,
330,
410
]
},
{
"name": "直接访问",
"type": "line",
"stack": "总量",
"areaStyle": {
"normal": {}
},
"data": [
320,
332,
301,
334,
390,
330,
320
]
},
{
"name": "搜索引擎",
"type": "line",
"stack": "总量",
"label": {
"normal": {
"show": true,
"position": "top"
}
},
"areaStyle": {
"normal": {}
},
"data": [
820,
932,
901,
934,
1290,
1330,
1320
]
}
]
},
mapCircle = {
"title": {
"text": "某站点用户访问来源",
"subtext": "",
"x": "center"
},
"tooltip": {
"trigger": "item",
"formatter": "{a} <br/>{b} : {c} ({d}%)"
},
"legend": {
"orient": "vertical",
"left": "left",
"data": [
"直接访问",
"邮件营销",
"联盟广告",
"视频广告",
"搜索引擎"
]
},
"series": [
{
"name": "访问来源",
"type": "pie",
"radius": "55%",
"center": [
"50%",
"60%"
],
"data": [
{
"value": 335,
"name": "直接访问"
},
{
"value": 310,
"name": "邮件营销"
},
{
"value": 234,
"name": "联盟广告"
},
{
"value": 135,
"name": "视频广告"
},
{
"value": 1548,
"name": "搜索引擎"
}
],
"itemStyle": {
"emphasis": {
"shadowBlur": 10,
"shadowOffsetX": 0,
"shadowColor": "rgba(0, 0, 0, 0.5)"
}
}
}
]
},
mapChina = {
"title": {
"text": "用户家庭所在地统计",
"subtext": "",
"x": "center"
},
"tooltip": {
"trigger": "item"
},
"visualMap": {
"color": [
"#eeeeee"
],
"show": false,
"x": "left",
"y": "center",
"splitList": [
{
"start": 500,
"end": 600
},
{
"start": 400,
"end": 500
},
{
"start": 300,
"end": 400
},
{
"start": 200,
"end": 300
},
{
"start": 100,
"end": 200
},
{
"start": 0,
"end": 100
}
]
},
"series": [
{
"name": "用户家庭所在地统计",
"roam": true,
"type": "map",
"mapType": "china",
"data": [],
"itemStyle": {
"normal": {
"areaColor": "#eeeeee",
"borderColor": "#aaaaaa",
"borderWidth": 0.5
},
"emphasis": {
"areaColor": "rgba(63,177,227,0.25)",
"borderColor": "#3fb1e3",
"borderWidth": 1
}
},
"label": {
"normal": {
"textStyle": {
"color": "#000"
}
},
"emphasis": {
"textStyle": {
"color": "#000"
}
}
}
}
]
},
mapChina2 = {
"title": {
"text": "用户家庭所在地统计",
"subtext": "",
"x": "center"
},
"tooltip": {
"trigger": "item"
},
"visualMap": {
"show": true,//是否显示数据条
"min": 0,
"max": 1,
"left": 10,
"top": "center",
"orient": "vertical",
"text": [
"高",
"低"
],
"realtime": false,
"calculable": true,
"inRange": {
"color": [
"#E0FFFF",
"#BEEFEC",
"#6cd2d2",
"#6CC8C1",
]
}
},
"series": [
{
"name": "用户家庭所在地统计",
"roam": true,
"type": "map",
"mapType": "china",
"data": [],
"itemStyle": {
"normal": {
"areaColor": "#eeeeee",
"borderColor": "#aaaaaa",
"borderWidth": 0.5
},
"emphasis": {
"areaColor": "rgba(63,177,227,0.25)",
"borderColor": "#3fb1e3",
"borderWidth": 1
}
},
"label": {
"normal": {
"textStyle": {
"color": "#000"
}
},
"emphasis": {
"textStyle": {
"color": "#000"
}
}
}
}
]
},
mapChina3 = {
backgroundColor: '#FFFFFF',
title: {
text: '全国地图大数据',
subtext: '',
x: 'center'
},
tooltip: {
trigger: 'item'
},
//左侧小导航图标
visualMap: {
show: true,
x: 'left',
y: 'center',
splitList: [
{start: 500, end: 600}, {start: 400, end: 500},
{start: 300, end: 400}, {start: 200, end: 300},
{start: 100, end: 200}, {start: 0, end: 100},
],
color: ['#5475f5', '#9feaa5', '#85daef', '#74e2ca', '#e6ac53', '#9fb5ea']
},
//配置属性
series: [{
name: '数据统计',
type: 'map',
mapType: 'china',
roam: false,//是否启用鼠标滚轮缩放地图
label: {
normal: {
show: true //省份名称
},
emphasis: {
show: false
}
},
data: mydata //数据
}]
},
Address = [
{
"name": "北京",
"value": 100
},
{
"name": "天津",
"value": 83
},
{
"name": "上海",
"value": 113
},
{
"name": "重庆",
"value": 188
},
{
"name": "河北",
"value": 197
},
{
"name": "河南",
"value": 327
},
{
"name": "云南",
"value": 371
},
{
"name": "辽宁",
"value": 224
},
{
"name": "黑龙江",
"value": 295
},
{
"name": "湖南",
"value": 463
},
{
"name": "安徽",
"value": 7
},
{
"name": "山东",
"value": 176
},
{
"name": "新疆",
"value": 0
},
{
"name": "江苏",
"value": 396
},
{
"name": "浙江",
"value": 472
},
{
"name": "江西",
"value": 243
},
{
"name": "湖北",
"value": 226
},
{
"name": "广西",
"value": 404
},
{
"name": "甘肃",
"value": 210
},
{
"name": "山西",
"value": 451
},
{
"name": "内蒙古",
"value": 97
},
{
"name": "陕西",
"value": 369
},
{
"name": "吉林",
"value": 221
},
{
"name": "福建",
"value": 216
},
{
"name": "贵州",
"value": 221
},
{
"name": "广东",
"value": 85
},
{
"name": "青海",
"value": 21
},
{
"name": "西藏",
"value": 414
},
{
"name": "四川",
"value": 380
},
{
"name": "宁夏",
"value": 205
},
{
"name": "海南",
"value": 73
},
{
"name": "台湾",
"value": 348
},
{
"name": "香港",
"value": 54
},
{
"name": "澳门",
"value": 340
}
];
exports('echartsData', {
mapTree: mapTree,
mapCircle: mapCircle,
mapChina3: mapChina3,
mapChina2: mapChina2,
mapChina: mapChina,
Address: Address
});
});
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )