Skip to content

D
dataplat
Commit 4eeca8b8 authored by 吴霞's avatar 吴霞
Browse files
Options

英文切换

parent f511d1cb
Hide whitespace changes
Inline Side-by-side
Showing with 18457 additions and 228 deletions
gicc/Scripts/canvas-en.js 0 → 100644
View file @ 4eeca8b8
function RiskLoad() {
let endThickDom = document.getElementById('progress-thick');
let endThinDom = document.getElementById('progress-thin');
let arrayColor = ['#ff107f', '#ff8010', '#10ffef', '#2bff10'] //红，黄，蓝，绿
let num = [0, 0, 0]; //低中高状态值得数组
// 使用后台返回数据填充
$.getJSON("http://gicc-back-end:2019/data-plat/risk/statistics", function(data) {
const risk = data.data;
const lowRisk = risk.lowRisk ? risk.lowRisk : 0;
const mediumRisk = risk.mediumRisk ? risk.mediumRisk : 0;
const highRisk = risk.highRisk ? risk.highRisk : 0;
const totalRisk = lowRisk + mediumRisk + highRisk;
num[0] = totalRisk ? ((lowRisk / totalRisk) * 100) : 0;
num[1] = totalRisk ? ((mediumRisk / totalRisk) * 100) : 0;
// num[2] = totalRisk ? ((highRisk / totalRisk) * 100) : 0;
num[2] = 100 - num[0].toFixed(1) - num[1].toFixed(1);
});
// // 调用定时器实现动态效果
let timer = null;
let n1 = 0;
let timer2 = null;
let n2 = 0;
setTimeout(() => {
setTimeout(() => {
init(num[0])
n1 = 0;
n2 = 0;
}, 0)
setTimeout(() => {
init(num[1])
n1 = 0;
n2 = 0;
}, 3500)
setTimeout(() => {
init(num[2])
n1 = 0;
n2 = 0;
setTimeout(() => {
$(endThickDom).animate({
opacity: 0
}, 1000)
$(endThinDom).animate({
opacity: 0
}, 1000)
}, 1000)
}, 6000)
setTimeout(() => {
end('progress-thick')
$(endThickDom).animate({
opacity: 1
}, 1000)
$(endThinDom).animate({
opacity: 1
}, 1000)
}, 8000)
}, 1500)
/**
*执行动画主方法
*
* @param {Number} param 数据值
*/
function init(param) {
loadCanvasThin(param / 100, param);
loadCanvasTchik(param / 100, param);
}
function loadCanvasTchik(nowT, value) {
timer2 = setInterval(() => {
if (n2 >= nowT.toFixed(3)) {
clearInterval(timer2);
} else {
n2 += 0.001;
if (value >= 33 && value < 50) {
circleProgressThick(n2, 'progress-thick', arrayColor[2])
} else if (value >= 50 && value < 100) {
circleProgressThick(n2, 'progress-thick', arrayColor[3]) //低
} else if (value >= 6 && value < 33) {
circleProgressThick(n2, 'progress-thick', arrayColor[1]) //中
} else if (value >= 0 && value < 6) {
circleProgressThick(n2, 'progress-thick', arrayColor[0], 5) //高
}
}
}, 1);
}
function loadCanvasThin(nowT) {
timer = setInterval(() => {
if (n1 >= nowT.toFixed(3)) {
clearInterval(timer);
} else {
n1 += 0.001;
circleProgressThin(n1, 'progress-thin')
}
}, 1);
}
/**
*
*绘制背景粗线
* @param {Number} cur 用来计算弧度的小数
* @param {String} id id选择器的名称
* @param {String} color 线的色值
*/
function circleProgressThick(cur, id, color, step = 4) {
let canvas = document.getElementById(id);
let context = canvas.getContext('2d');
let c_width = canvas.width
// console.log('c_width: ', c_width);
let c_height = canvas.height
// console.log('c_height: ', c_height);
context.clearRect(0, 0, c_width, c_height);
context.beginPath();
context.arc(c_width / 2, c_height / 2, 80, Math.PI * 1 + Math.PI * 0.5 * cur, Math.PI * 1 + Math.PI * 0.5 * cur * step,
false);
let grad = context.createLinearGradient(0, 0, 300, 0);
grad.addColorStop(0, '#4D5AFF'); // 蓝
grad.addColorStop(1, color);
context.strokeStyle = grad;
context.lineWidth = 18;
context.lineCap = "round";
context.stroke();
context.closePath();
}
/**
*绘制背景细线
*
* @param {Number} cur 用来计算弧度
* @param {String} id id选择器的名称
*/
function circleProgressThin(cur, id) {
let canvas = document.getElementById(id);
let context = canvas.getContext('2d');
let c_width = canvas.width
let c_height = canvas.height
// // 清空画布
context.clearRect(0, 0, c_width, c_height);
context.beginPath();
context.arc(c_width / 2, c_height / 2, 80, Math.PI * 0.5 * (1 + cur), Math.PI * 1 + (Math.PI * 1 * cur), false);
context.strokeStyle = '#4D5AFF';
context.lineWidth = 3
context.lineCap = "round";
context.stroke();
context.closePath();
//文字
text(context, cur, c_width, c_height)
};
/**
*绘制文字
*
* @param {Object} context canvas对象
* @param {Number} n 用来显示百分比的数值
* @param {Number} c_width canvas的宽度
* @param {Number} c_height canvas的高度
*/
function text(context, n, c_width, c_height) {
context.font = "bold 19pt myThirdFont"; // 字体大小，样式
context.fillStyle = '#fff'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(100, 75); // 文字填充位置
let num = (n * 100).toFixed(1)//！！！修改小数精度位数
let status = ''
if (num >= 33 && num < 50) {
status = 'low'
} else if (num >= 50 && num < 100) {
status = 'low'
} else if (num >= 6 && num < 33) {
status = 'medium'
} else if (num >= 0 && num < 6) {
status = 'high'
}
context.fillText(num + "%", c_width / 2, (c_height / 2) - 30);
context.font = "bold 25pt myFourthFont"
context.fillStyle = '#fff'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(100, 75); // 文字填充位置
context.fillText(status, c_width / 2, (c_height / 2 + 5));
context.font = "bold 12pt myThirdFont"
context.fillStyle = '#fff'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(100, 75); // 文字填充位置
context.fillText("risk level", c_width / 2, (c_height / 2) + 40);
}
/**
*绘制底图刻度盘
*
* @param {String} id id选择器的名称
*/
function drawMark(id) {
let canvas = document.getElementById(id);
let context = canvas.getContext('2d');
let c_width = canvas.width
let c_height = canvas.height
context.save();
context.clearRect(0, 0, c_width, c_height);
context.beginPath();
context.arc(c_width / 2, c_height / 2, 100, 0, 2 * Math.PI);
context.fillStyle = 'rgba(0, 0, 0, 0.2)';
context.fill();
context.lineWidth = "2";
context.strokeStyle = "rgba(255, 255, 255, 0.2)";
context.translate(canvas.width / 2, canvas.height / 2);
for (let i = 0; i < 120; i++) {
context.rotate(3 / 180 * Math.PI);
context.beginPath();
context.moveTo(0, -75);
context.lineTo(0, -85);
context.stroke();
}
context.restore();
}
// 最后的圆盘
function end(id, color) {
let canvas1 = document.getElementById('progress-thin');
let context1 = canvas1.getContext('2d');
let c_width1 = canvas1.width
let c_height1 = canvas1.height
context1.clearRect(0, 0, c_width1, c_height1);
let canvas = document.getElementById(id);
let context = canvas.getContext('2d');
let c_width = canvas.width
let c_height = canvas.height
context.clearRect(0, 0, c_width, c_height);
context.beginPath();
context.arc(c_width / 2, c_height / 2, 80, Math.PI * 0, Math.PI * 1,
false);
let grad2 = context.createLinearGradient(70, 0, 300, 0);
grad2.addColorStop(0, '#4D5AFF'); // 蓝
grad2.addColorStop(1, '#2bff10'); //绿
context.strokeStyle = grad2;
context.lineWidth = 20
context.lineCap = "round";
context.stroke();
context.beginPath();
context.arc(c_width / 2, c_height / 2, 80, Math.PI * 1.1, Math.PI * 1.2,
false);
let grad = context.createLinearGradient(116, 0, 150, 0);
grad.addColorStop(0, '#9808a9'); // 蓝
grad.addColorStop(1, '#ff107f'); //红
// let grad = context.createLinearGradient(0, 0, 150, 0);
// grad.addColorStop(0, '#4D5AFF'); // 蓝
// grad.addColorStop(1, '#ff107f'); //红
context.strokeStyle = grad;
context.lineWidth = 20
context.lineCap = "round";
context.stroke();
context.beginPath();
context.arc(c_width / 2, c_height / 2, 80, Math.PI * 1.3, Math.PI * 1.9,
false);
let grad1 = context.createLinearGradient(70, 0, 300, 0);
grad1.addColorStop(0, '#4D5AFF'); // 蓝
grad1.addColorStop(1, '#ff8010'); //黄
context.strokeStyle = grad1;
context.lineWidth = 20
context.lineCap = "round";
context.stroke();
context.font = "bold 20pt Arial"; // 字体大小，样式
context.fillStyle = 'white'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(100, 75); // 文字填充位置
context.fillText('risk', c_width / 2, (c_height / 2 - 20));
context.fillText("level", c_width / 2, (c_height / 2) + 20);
// 高line
context.beginPath();
context.moveTo(120, 150);
context.lineTo(80, 150);
context.lineTo(70, 140);
context.lineWidth = 1
context.strokeStyle = "#fff";
context.stroke();
// 高text
context.font = " 12pt Arial"; // 字体大小，样式
context.fillStyle = 'white'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(0, 0); // 文字填充位置
context.fillText('high', 100, 120);
context.fillText(num[2].toFixed(1) + '%', 100, 140);
// 中line
context.beginPath();
context.moveTo(280, 150);
context.lineTo(320, 150);
context.lineTo(330, 140);
context.lineWidth = 1
context.strokeStyle = "#fff";
context.stroke();
// 中text
context.font = " 12pt Arial"; // 字体大小，样式
context.fillStyle = 'white'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(100, 75); // 文字填充位置
context.fillText('medium', 300, 120);
context.fillText(num[1].toFixed(1) + '%', 300, 140);
// 低line
context.beginPath();
context.moveTo(200, 290);
context.lineTo(200, 330);
context.lineTo(180, 340);
context.lineWidth = 1
context.strokeStyle = "#fff";
context.stroke();
// 低 text
context.font = " 12pt Arial"; // 字体大小，样式
context.fillStyle = 'white'; // 颜色
context.textAlign = 'center'; // 位置
context.textBaseline = 'middle';
context.moveTo(100, 75); // 文字填充位置
context.fillText('low', 170, 300);
context.fillText(num[0].toFixed(1) + '%', 170, 320);
}
drawMark('bg')
circleProgressThick(0.34, 'progress-thick', arrayColor[2])
circleProgressThin(0.34, 'progress-thin')
}
gicc/Scripts/canvas-report.js
View file @ 4eeca8b8
...@@ -5,10 +5,10 @@ function RiskLoad() { ...@@ -5,10 +5,10 @@ function RiskLoad() {
let endThickDom = document.getElementById('progress-thick'); let endThickDom = document.getElementById('progress-thick');
let endThinDom = document.getElementById('progress-thin'); let endThinDom = document.getElementById('progress-thin');
let arrayColor = ['#ff107f', '#ff8010', '#10ffef', '#2bff10'] //红，黄，蓝，绿 let arrayColor = ['#ff107f', '#ff8010', '#10ffef', '#2bff10'] //红，黄，蓝，绿
let num = [65.0, 30.3, 4.7]; //低中高状态值得数组 let num = [0, 0, 0]; //低中高状态值得数组
// 使用后台返回数据填充 // 使用后台返回数据填充
$.getJSON("http://172.30.2.105:2019/data-plat/risk/statistics", function(data) { $.getJSON("http://gicc-back-end:2019/data-plat/risk/statistics", function(data) {
const risk = data.data; const risk = data.data;
const lowRisk = risk.lowRisk ? risk.lowRisk : 0; const lowRisk = risk.lowRisk ? risk.lowRisk : 0;
const mediumRisk = risk.mediumRisk ? risk.mediumRisk : 0; const mediumRisk = risk.mediumRisk ? risk.mediumRisk : 0;
......
gicc/Scripts/chinaData-en.js 0 → 100644
View file @ 4eeca8b8
This source diff could not be displayed because it is too large. You can view the blob instead.
gicc/Scripts/chinaData.js
View file @ 4eeca8b8
var map1 = { var map1 = {
// 江苏省 // 江苏省
num1: 24,//早癌数, num1: 0,//早癌数,
num2: 13619,//血检数 num2: 0,//血检数
bi: 0.4 bi: 0
}; };
var map2 = { var map2 = {
// 上海省 // 上海省
num1: 20,//早癌数 num1: 0,//早癌数
num2: 2474,//血检数 num2: 0,//血检数
bi: 0.4 bi: 0
}; };
var map3 = { var map3 = {
// 广东省 // 广东省
num1: 12,//早癌数 num1: 0,//早癌数
num2: 6973,//血检数 num2: 0,//血检数
bi: 0.2 bi: 0
}; };
var map4 = { var map4 = {
// 重庆省 // 重庆省
num1: 0,//早癌数 num1: 0,//早癌数
num2: 30,//血检数 num2: 0,//血检数
bi: 0 bi: 0
}; };
var map5 = { var map5 = {
// 宁夏 // 宁夏
num1: 10,//早癌数 num1: 0,//早癌数
num2: 6654,//血检数 num2: 0,//血检数
bi: 0.2 bi: 0
}; };
var map6 = { var map6 = {
// 福建 // 福建
num1: 0,//早癌数 num1: 0,//早癌数
num2: 356,//血检数 num2: 0,//血检数
bi: 0 bi: 0
}; };
var map7 = { var map7 = {
// 河南 // 河南
num1: 0,//早癌数 num1: 0,//早癌数
num2: 143,//血检数 num2: 0,//血检数
bi: 0 bi: 0
}; };
var map8 = { var map8 = {
// 四川 // 四川
num1: 10,//早癌数 num1: 0,//早癌数
num2: 427,//血检数 num2: 0,//血检数
bi: 0.2 bi: 0
}; };
var map9 = { var map9 = {
// 北京 // 北京
num1: 3,//早癌数 num1: 0,//早癌数
num2: 48,//血检数 num2: 0,//血检数
bi: 0.1 bi: 0
}; };
var map10 = { var map10 = {
//湖北 //湖北
num1: 3, num1: 0,
num2: 210, num2: 0,
bi: 0.1 bi: 0
}; };
var map11 = { var map11 = {
//山东 //山东
num1: 5, num1: 0,
num2: 17, num2: 0,
bi: 0.1 bi: 0
}; };
var map12 = { var map12 = {
//广西 //广西
num1: 0, num1: 0,
num2: 141, num2: 0,
bi: 0 bi: 0
}; };
var map13 = { var map13 = {
//内蒙古 //内蒙古
num1: 5, num1: 0,
num2: 1431, num2: 0,
bi: 0.1 bi: 0
}; };
var map14 = { var map14 = {
//安徽 //安徽
num1: 6, num1: 0,
num2: 273, num2: 0,
bi: 0.1 bi: 0
}; };
var map15 = { var map15 = {
//西藏 //西藏
num1: 0, num1: 0,
num2: 1, num2: 0,
bi: 0 bi: 0
}; };
var map16 = { var map16 = {
//甘肃 //甘肃
num1: 0, num1: 0,
num2: 21, num2: 0,
bi: 0 bi: 0
}; };
var map17 = { var map17 = {
//黑龙江省 //黑龙江省
num1: 1, num1: 0,
num2: 5, num2: 0,
bi: 0.1 bi: 0
}; };
var map18 = { var map18 = {
//浙江 //浙江
num1: 2, num1: 0,
num2: 259, num2: 0,
bi: 0 bi: 0
}; };
var map19 = { var map19 = {
//江西 //江西
num1: 1, num1: 0,
num2: 101, num2: 0,
bi: 0.1 bi: 0
}; };
var map20 = { var map20 = {
//陕西 //陕西
num1: 0, num1: 0,
num2: 22, num2: 0,
bi: 0 bi: 0
}; };
var map21 = { var map21 = {
//河北 //河北
num1: 1, num1: 0,
num2: 285, num2: 0,
bi: 0.1 bi: 0
}; };
var map22 = { var map22 = {
//山西 //山西
num1: 0, num1: 0,
num2: 2, num2: 0,
bi: 0 bi: 0
}; };
var map23 = { var map23 = {
//云南 //云南
num1: 0, num1: 0,
num2: 377, num2: 0,
bi: 0 bi: 0
}; };
var map24 = { var map24 = {
//青海 //青海
num1: 1, num1: 0,
num2: 1, num2: 0,
bi: 0.1 bi: 0
}; };
var map = [map1, map2, map3, map4, map5, map6, var map = [map1, map2, map3, map4, map5, map6,
...@@ -149,7 +149,7 @@ var map = [map1, map2, map3, map4, map5, map6, ...@@ -149,7 +149,7 @@ var map = [map1, map2, map3, map4, map5, map6,
map19, map20, map21, map22, map23, map24]; map19, map20, map21, map22, map23, map24];
// 使用后台返回数据填充 // 使用后台返回数据填充
$.getJSON("http://172.30.2.105:2019/data-plat/serum/statistics", function (data) { $.getJSON("http://gicc-back-end:2019/data-plat/serum/statistics", function (data) {
let serum = data.data; let serum = data.data;
$.each(pointData, function (idx, item) { $.each(pointData, function (idx, item) {
let n = idx % 6; let n = idx % 6;
......
gicc/Scripts/chinaData2-en.js 0 → 100644
View file @ 4eeca8b8
This source diff could not be displayed because it is too large. You can view the blob instead.
gicc/Scripts/chinaData2.js
View file @ 4eeca8b8
...@@ -35,7 +35,7 @@ let mapp7 = { ...@@ -35,7 +35,7 @@ let mapp7 = {
}; };
// 使用后台返回数据填充 // 使用后台返回数据填充
$.getJSON("http://172.30.2.105:2019/data-plat/screening/statistics", function (data) { $.getJSON("http://gicc-back-end:2019/data-plat/screening/statistics", function (data) {
let screening = data.data; let screening = data.data;
$.each(pointData2, function (idx, item) { $.each(pointData2, function (idx, item) {
var len = seriesArr[idx].data.length; var len = seriesArr[idx].data.length;
...@@ -241,7 +241,7 @@ var series11 = { ...@@ -241,7 +241,7 @@ var series11 = {
mark: 'mark1', mark: 'mark1',
formatter: [ formatter: [
'{Province|江苏}' '{Province|江苏}'
+ '\n{block10|}{l1|32} {l2|23} ' + '\n{block10|}{l1|0} {l2|0} '
+ '\n{block10|}{l4|申请数} {l5|筛查数} ' + '\n{block10|}{l4|申请数} {l5|筛查数} '
+ '\n{l6|} ' + '\n{l6|} '
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -290,7 +290,7 @@ var series11 = { ...@@ -290,7 +290,7 @@ var series11 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 50, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -319,7 +319,7 @@ var series11 = { ...@@ -319,7 +319,7 @@ var series11 = {
//borderRadius: 15, //borderRadius: 15,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 50, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
...@@ -368,7 +368,7 @@ var series11 = { ...@@ -368,7 +368,7 @@ var series11 = {
mark: 'mark1', mark: 'mark1',
formatter: [ formatter: [
'{Province|广东}' '{Province|广东}'
+ '\n{block10|}{l1|61} {l2|43} ' + '\n{block10|}{l1|0} {l2|0} '
+ '\n{block10|}{l4|申请数} {l5|筛查数} ' + '\n{block10|}{l4|申请数} {l5|筛查数} '
+ '\n{l6|} ' + '\n{l6|} '
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -406,7 +406,7 @@ var series11 = { ...@@ -406,7 +406,7 @@ var series11 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -421,7 +421,7 @@ var series11 = { ...@@ -421,7 +421,7 @@ var series11 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -448,7 +448,7 @@ var series11 = { ...@@ -448,7 +448,7 @@ var series11 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -507,7 +507,7 @@ var series11 = { ...@@ -507,7 +507,7 @@ var series11 = {
mark: 'mark1', mark: 'mark1',
formatter: [ formatter: [
'{Province|湖北}' '{Province|湖北}'
+ '\n{block10|}{l1|22} {l2|15} ' + '\n{block10|}{l1|0} {l2|0} '
+ '\n{block10|}{l4|申请数} {l5|筛查数} ' + '\n{block10|}{l4|申请数} {l5|筛查数} '
+ '\n{l6|} ' + '\n{l6|} '
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -558,7 +558,7 @@ var series11 = { ...@@ -558,7 +558,7 @@ var series11 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 50, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -587,7 +587,7 @@ var series11 = { ...@@ -587,7 +587,7 @@ var series11 = {
//borderRadius: 15, //borderRadius: 15,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 50, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
...@@ -637,7 +637,7 @@ var series11 = { ...@@ -637,7 +637,7 @@ var series11 = {
mark: 'mark1', mark: 'mark1',
formatter: [ formatter: [
'{Province|山东}' '{Province|山东}'
+ '\n{block10|}{l1|30} {l2|15} ' + '\n{block10|}{l1|0} {l2|0} '
+ '\n{block10|}{l4|申请数} {l5|筛查数} ' + '\n{block10|}{l4|申请数} {l5|筛查数} '
+ '\n{l6|} ' + '\n{l6|} '
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -688,7 +688,7 @@ var series11 = { ...@@ -688,7 +688,7 @@ var series11 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 50, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -717,7 +717,7 @@ var series11 = { ...@@ -717,7 +717,7 @@ var series11 = {
//borderRadius: 15, //borderRadius: 15,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 50, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
...@@ -846,7 +846,7 @@ var series21 = { ...@@ -846,7 +846,7 @@ var series21 = {
mark: 'mark5', mark: 'mark5',
formatter: [ formatter: [
'{block100|}{Province|北京}' '{block100|}{Province|北京}'
+ '\n{block200|}{l1|11} {l2|4}' + '\n{block200|}{l1|0} {l2|0}'
+ '\n{block200|}{l4|申请数} {l5|筛查数}' + '\n{block200|}{l4|申请数} {l5|筛查数}'
+ '\n{block10|}'].join('\n'), + '\n{block10|}'].join('\n'),
...@@ -888,7 +888,7 @@ var series21 = { ...@@ -888,7 +888,7 @@ var series21 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -917,7 +917,7 @@ var series21 = { ...@@ -917,7 +917,7 @@ var series21 = {
//borderRadius: 15, //borderRadius: 15,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 54, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
...@@ -974,7 +974,7 @@ var series21 = { ...@@ -974,7 +974,7 @@ var series21 = {
mark: 'mark5', mark: 'mark5',
formatter: [ formatter: [
'{block100|}{Province|上海}' '{block100|}{Province|上海}'
+ '\n{block200|}{l1|17} {l2|10}' + '\n{block200|}{l1|0} {l2|0}'
+ '\n{block200|}{l4|申请数} {l5|筛查数}' + '\n{block200|}{l4|申请数} {l5|筛查数}'
+ '\n{block10|}'].join('\n'), + '\n{block10|}'].join('\n'),
...@@ -1016,7 +1016,7 @@ var series21 = { ...@@ -1016,7 +1016,7 @@ var series21 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1045,7 +1045,7 @@ var series21 = { ...@@ -1045,7 +1045,7 @@ var series21 = {
//borderRadius: 15, //borderRadius: 15,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 54, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
...@@ -1103,7 +1103,7 @@ var series21 = { ...@@ -1103,7 +1103,7 @@ var series21 = {
mark: 'mark2', mark: 'mark2',
formatter: [ formatter: [
'{block50|}{Province|重庆}' '{block50|}{Province|重庆}'
+ '\n{block100|}{l1|8} {l2|3}' + '\n{block100|}{l1|0} {l2|0}'
+ '\n{block100|}{l4|申请数} {l5|筛查数}' + '\n{block100|}{l4|申请数} {l5|筛查数}'
+ '\n{l6|}' + '\n{l6|}'
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -1153,7 +1153,7 @@ var series21 = { ...@@ -1153,7 +1153,7 @@ var series21 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1168,7 +1168,7 @@ var series21 = { ...@@ -1168,7 +1168,7 @@ var series21 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -1195,7 +1195,7 @@ var series21 = { ...@@ -1195,7 +1195,7 @@ var series21 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -1245,7 +1245,7 @@ var series21 = { ...@@ -1245,7 +1245,7 @@ var series21 = {
mark: 'mark2', mark: 'mark2',
formatter: [ formatter: [
'{block50|}{Province|新疆}' '{block50|}{Province|新疆}'
+ '\n{block100|}{l1|4} {l2|0}' + '\n{block100|}{l1|0} {l2|0}'
+ '\n{block100|}{l4|申请数} {l5|筛查数}' + '\n{block100|}{l4|申请数} {l5|筛查数}'
+ '\n{l6|}' + '\n{l6|}'
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -1296,7 +1296,7 @@ var series21 = { ...@@ -1296,7 +1296,7 @@ var series21 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1311,7 +1311,7 @@ var series21 = { ...@@ -1311,7 +1311,7 @@ var series21 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -1338,7 +1338,7 @@ var series21 = { ...@@ -1338,7 +1338,7 @@ var series21 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -1465,7 +1465,7 @@ var series31 = { ...@@ -1465,7 +1465,7 @@ var series31 = {
}, },
normal: { normal: {
mark: 'mark6', mark: 'mark6',
formatter: ['{Province|云南}\n{l1|12} {l2|6}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|云南}\n{l1|0} {l2|0}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -1509,7 +1509,7 @@ var series31 = { ...@@ -1509,7 +1509,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1524,7 +1524,7 @@ var series31 = { ...@@ -1524,7 +1524,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -1551,7 +1551,7 @@ var series31 = { ...@@ -1551,7 +1551,7 @@ var series31 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -1598,7 +1598,7 @@ var series31 = { ...@@ -1598,7 +1598,7 @@ var series31 = {
}, },
normal: { normal: {
mark: 'mark6', mark: 'mark6',
formatter: ['{Province|安徽}\n{l1|12} {l2|9}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|安徽}\n{l1|0} {l2|0}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -1642,7 +1642,7 @@ var series31 = { ...@@ -1642,7 +1642,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1657,7 +1657,7 @@ var series31 = { ...@@ -1657,7 +1657,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -1684,7 +1684,7 @@ var series31 = { ...@@ -1684,7 +1684,7 @@ var series31 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -1732,7 +1732,7 @@ var series31 = { ...@@ -1732,7 +1732,7 @@ var series31 = {
}, },
normal: { normal: {
mark: 'mark7', mark: 'mark7',
formatter: ['{Province|福建}\n {l1|12} {l2|7}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|福建}\n {l1|0} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -1776,7 +1776,7 @@ var series31 = { ...@@ -1776,7 +1776,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1791,7 +1791,7 @@ var series31 = { ...@@ -1791,7 +1791,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -1818,7 +1818,7 @@ var series31 = { ...@@ -1818,7 +1818,7 @@ var series31 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -1868,7 +1868,7 @@ var series31 = { ...@@ -1868,7 +1868,7 @@ var series31 = {
mark: 'mark8', mark: 'mark8',
formatter: [ formatter: [
'{block50|}{Province|湖南}' '{block50|}{Province|湖南}'
+ '\n{block100|}{l1|13} {l2|3}' + '\n{block100|}{l1|0} {l2|0}'
+ '\n{block100|}{l4|申请数} {l5|筛查数}' + '\n{block100|}{l4|申请数} {l5|筛查数}'
+ '\n{l6|}'].join('\n'), + '\n{l6|}'].join('\n'),
// '{Province|湖南}\n{l1|3} {l2|0} \n{l4|申请数} {l5|筛查数} \n'].join('\n'), // '{Province|湖南}\n{l1|3} {l2|0} \n{l4|申请数} {l5|筛查数} \n'].join('\n'),
...@@ -1917,7 +1917,7 @@ var series31 = { ...@@ -1917,7 +1917,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -1932,7 +1932,7 @@ var series31 = { ...@@ -1932,7 +1932,7 @@ var series31 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -1959,7 +1959,7 @@ var series31 = { ...@@ -1959,7 +1959,7 @@ var series31 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2086,7 +2086,7 @@ var series41 = { ...@@ -2086,7 +2086,7 @@ var series41 = {
}, },
normal: { normal: {
mark: 'mark9', mark: 'mark9',
formatter: ['{Province|四川}\n{l1|36} {l2|25} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|四川}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -2130,7 +2130,7 @@ var series41 = { ...@@ -2130,7 +2130,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -2145,7 +2145,7 @@ var series41 = { ...@@ -2145,7 +2145,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -2172,7 +2172,7 @@ var series41 = { ...@@ -2172,7 +2172,7 @@ var series41 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2219,7 +2219,7 @@ var series41 = { ...@@ -2219,7 +2219,7 @@ var series41 = {
}, },
normal: { normal: {
mark: 'mark6', mark: 'mark6',
formatter: ['{Province|浙江}\n{l1|23} {l2|11}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|浙江}\n{l1|0} {l2|0}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -2263,7 +2263,7 @@ var series41 = { ...@@ -2263,7 +2263,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -2278,7 +2278,7 @@ var series41 = { ...@@ -2278,7 +2278,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -2305,7 +2305,7 @@ var series41 = { ...@@ -2305,7 +2305,7 @@ var series41 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2353,7 +2353,7 @@ var series41 = { ...@@ -2353,7 +2353,7 @@ var series41 = {
}, },
normal: { normal: {
mark: 'mark9', mark: 'mark9',
formatter: ['{Province|甘肃}\n{l1|3} {l2|1} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|甘肃}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -2397,7 +2397,7 @@ var series41 = { ...@@ -2397,7 +2397,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -2412,7 +2412,7 @@ var series41 = { ...@@ -2412,7 +2412,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -2439,7 +2439,7 @@ var series41 = { ...@@ -2439,7 +2439,7 @@ var series41 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2486,7 +2486,7 @@ var series41 = { ...@@ -2486,7 +2486,7 @@ var series41 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{block100|}{Province|河南}\n{block200|}{l1|17} {l2|9}\n{block200|}{l4|申请数} {l5|筛查数}\n{l6|}'].join('\n'), formatter: ['{block100|}{Province|河南}\n{block200|}{l1|0} {l2|0}\n{block200|}{l4|申请数} {l5|筛查数}\n{l6|}'].join('\n'),
// '{Province|河南}\n {l1|3} {l2|0}\n {l4|申请数} {l5|筛查数}\n'].join('\n'), // '{Province|河南}\n {l1|3} {l2|0}\n {l4|申请数} {l5|筛查数}\n'].join('\n'),
position: 'end', position: 'end',
...@@ -2533,7 +2533,7 @@ var series41 = { ...@@ -2533,7 +2533,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -2548,7 +2548,7 @@ var series41 = { ...@@ -2548,7 +2548,7 @@ var series41 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -2575,7 +2575,7 @@ var series41 = { ...@@ -2575,7 +2575,7 @@ var series41 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2702,7 +2702,7 @@ var series51 = { ...@@ -2702,7 +2702,7 @@ var series51 = {
}, },
normal: { normal: {
mark: 'mark3', mark: 'mark3',
formatter: ['{Province|黑龙江}\n {l1|17} {l2|13}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|黑龙江}\n {l1|0} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -2746,7 +2746,7 @@ var series51 = { ...@@ -2746,7 +2746,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -2761,7 +2761,7 @@ var series51 = { ...@@ -2761,7 +2761,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -2788,7 +2788,7 @@ var series51 = { ...@@ -2788,7 +2788,7 @@ var series51 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2835,7 +2835,7 @@ var series51 = { ...@@ -2835,7 +2835,7 @@ var series51 = {
}, },
normal: { normal: {
mark: 'mark3', mark: 'mark3',
formatter: ['{Province|吉林}\n {l1|6} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|吉林}\n {l1|0} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -2879,7 +2879,7 @@ var series51 = { ...@@ -2879,7 +2879,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -2894,7 +2894,7 @@ var series51 = { ...@@ -2894,7 +2894,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -2921,7 +2921,7 @@ var series51 = { ...@@ -2921,7 +2921,7 @@ var series51 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -2969,7 +2969,7 @@ var series51 = { ...@@ -2969,7 +2969,7 @@ var series51 = {
}, },
normal: { normal: {
mark: 'mark9', mark: 'mark9',
formatter: ['{Province|宁夏}\n{l1|3} {l2|2} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|宁夏}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3013,7 +3013,7 @@ var series51 = { ...@@ -3013,7 +3013,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3028,7 +3028,7 @@ var series51 = { ...@@ -3028,7 +3028,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -3055,7 +3055,7 @@ var series51 = { ...@@ -3055,7 +3055,7 @@ var series51 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -3103,7 +3103,7 @@ var series51 = { ...@@ -3103,7 +3103,7 @@ var series51 = {
}, },
normal: { normal: {
mark: 'mark9', mark: 'mark9',
formatter: ['{Province|陕西}\n{l1|11} {l2|5} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|陕西}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3147,7 +3147,7 @@ var series51 = { ...@@ -3147,7 +3147,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3162,7 +3162,7 @@ var series51 = { ...@@ -3162,7 +3162,7 @@ var series51 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -3189,7 +3189,7 @@ var series51 = { ...@@ -3189,7 +3189,7 @@ var series51 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -3315,7 +3315,7 @@ var series61 = { ...@@ -3315,7 +3315,7 @@ var series61 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{Province|广西}\n{l1|11} {l2|6} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|广西}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3359,7 +3359,7 @@ var series61 = { ...@@ -3359,7 +3359,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3374,7 +3374,7 @@ var series61 = { ...@@ -3374,7 +3374,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -3401,7 +3401,7 @@ var series61 = { ...@@ -3401,7 +3401,7 @@ var series61 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -3448,7 +3448,7 @@ var series61 = { ...@@ -3448,7 +3448,7 @@ var series61 = {
}, },
normal: { normal: {
mark: 'mark4', mark: 'mark4',
formatter: ['{Province|贵州}\n{l1|5} {l2|3} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|贵州}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3492,7 +3492,7 @@ var series61 = { ...@@ -3492,7 +3492,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3507,7 +3507,7 @@ var series61 = { ...@@ -3507,7 +3507,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -3534,7 +3534,7 @@ var series61 = { ...@@ -3534,7 +3534,7 @@ var series61 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -3581,7 +3581,7 @@ var series61 = { ...@@ -3581,7 +3581,7 @@ var series61 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{Province|河北}\n {l1|12} {l2|7}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|河北}\n {l1|0} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3625,7 +3625,7 @@ var series61 = { ...@@ -3625,7 +3625,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3640,7 +3640,7 @@ var series61 = { ...@@ -3640,7 +3640,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -3667,7 +3667,7 @@ var series61 = { ...@@ -3667,7 +3667,7 @@ var series61 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -3715,7 +3715,7 @@ var series61 = { ...@@ -3715,7 +3715,7 @@ var series61 = {
}, },
normal: { normal: {
mark: 'mark6', mark: 'mark6',
formatter: ['{Province|江西}\n{l1|16} {l2|15}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|江西}\n{l1|0} {l2|0}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3759,7 +3759,7 @@ var series61 = { ...@@ -3759,7 +3759,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3774,7 +3774,7 @@ var series61 = { ...@@ -3774,7 +3774,7 @@ var series61 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -3801,7 +3801,7 @@ var series61 = { ...@@ -3801,7 +3801,7 @@ var series61 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -3927,7 +3927,7 @@ var series71 = { ...@@ -3927,7 +3927,7 @@ var series71 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{Province|辽宁}\n {l1|12} {l2|2}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|辽宁}\n {l1|0} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -3971,7 +3971,7 @@ var series71 = { ...@@ -3971,7 +3971,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -3986,7 +3986,7 @@ var series71 = { ...@@ -3986,7 +3986,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4013,7 +4013,7 @@ var series71 = { ...@@ -4013,7 +4013,7 @@ var series71 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -4059,7 +4059,7 @@ var series71 = { ...@@ -4059,7 +4059,7 @@ var series71 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{block50|}{Province|内蒙古}\n{block100|}{l1|21} {l2|15}\n{block100|}{l4|申请数} {l5|筛查数}\n{l6|}'].join('\n'), formatter: ['{block50|}{Province|内蒙古}\n{block100|}{l1|0} {l2|0}\n{block100|}{l4|申请数} {l5|筛查数}\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -4096,7 +4096,7 @@ var series71 = { ...@@ -4096,7 +4096,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -4111,7 +4111,7 @@ var series71 = { ...@@ -4111,7 +4111,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4138,7 +4138,7 @@ var series71 = { ...@@ -4138,7 +4138,7 @@ var series71 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -4184,7 +4184,7 @@ var series71 = { ...@@ -4184,7 +4184,7 @@ var series71 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{Province|青海}\n{l1|3} {l2|3} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'), formatter: ['{Province|青海}\n{l1|0} {l2|0} \n{l4|申请数} {l5|筛查数} \n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -4228,7 +4228,7 @@ var series71 = { ...@@ -4228,7 +4228,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -4243,7 +4243,7 @@ var series71 = { ...@@ -4243,7 +4243,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4270,7 +4270,7 @@ var series71 = { ...@@ -4270,7 +4270,7 @@ var series71 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -4316,7 +4316,7 @@ var series71 = { ...@@ -4316,7 +4316,7 @@ var series71 = {
}, },
normal: { normal: {
mark: 'mark6', mark: 'mark6',
formatter: ['{Province|山西}\n{l1|18} {l2|10}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|山西}\n{l1|0} {l2|0}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -4360,7 +4360,7 @@ var series71 = { ...@@ -4360,7 +4360,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -4375,7 +4375,7 @@ var series71 = { ...@@ -4375,7 +4375,7 @@ var series71 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4402,7 +4402,7 @@ var series71 = { ...@@ -4402,7 +4402,7 @@ var series71 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -4519,7 +4519,7 @@ var series81 = { ...@@ -4519,7 +4519,7 @@ var series81 = {
}, },
normal: { normal: {
mark: 'mark6', mark: 'mark6',
formatter: ['{Province|海南}\n{l1|1} {l2|1}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|海南}\n{l1|0} {l2|0}\n{l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -4563,7 +4563,7 @@ var series81 = { ...@@ -4563,7 +4563,7 @@ var series81 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -4578,7 +4578,7 @@ var series81 = { ...@@ -4578,7 +4578,7 @@ var series81 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4605,7 +4605,7 @@ var series81 = { ...@@ -4605,7 +4605,7 @@ var series81 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -4649,7 +4649,7 @@ var series81 = { ...@@ -4649,7 +4649,7 @@ var series81 = {
fontFamily: 'sl' fontFamily: 'sl'
}, },
normal: { normal: {
formatter: ['{Province|吉林}\n {l1|6} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'), formatter: ['{Province|吉林}\n {l1|0} {l2|0}\n {l4|申请数} {l5|筛查数}\n\n\n{l6|}'].join('\n'),
position: 'end', position: 'end',
distance: 20, distance: 20,
...@@ -4693,7 +4693,7 @@ var series81 = { ...@@ -4693,7 +4693,7 @@ var series81 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -4708,7 +4708,7 @@ var series81 = { ...@@ -4708,7 +4708,7 @@ var series81 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4735,7 +4735,7 @@ var series81 = { ...@@ -4735,7 +4735,7 @@ var series81 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
...@@ -4783,7 +4783,7 @@ var series81 = { ...@@ -4783,7 +4783,7 @@ var series81 = {
mark: 'mark2', mark: 'mark2',
formatter: [ formatter: [
'{block50|}{Province|天津}' '{block50|}{Province|天津}'
+ '\n{block100|}{l1|1} {l2|0}' + '\n{block100|}{l1|0} {l2|0}'
+ '\n{block100|}{l4|申请数} {l5|筛查数}' + '\n{block100|}{l4|申请数} {l5|筛查数}'
+ '\n{l6|}' + '\n{l6|}'
+ ' \n'].join('\n'), + ' \n'].join('\n'),
...@@ -4834,7 +4834,7 @@ var series81 = { ...@@ -4834,7 +4834,7 @@ var series81 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 58, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
...@@ -4849,7 +4849,7 @@ var series81 = { ...@@ -4849,7 +4849,7 @@ var series81 = {
//borderWidth: 1, //borderWidth: 1,
padding: [0, 0, 5, 0], padding: [0, 0, 5, 0],
fontSize: 32, fontSize: 32,
width: 54, width: 80,
height: 30, height: 30,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(145,192,192,0.1)', borderColor: 'rgba(145,192,192,0.1)',
...@@ -4876,7 +4876,7 @@ var series81 = { ...@@ -4876,7 +4876,7 @@ var series81 = {
borderRadius: 0, borderRadius: 0,
padding: [5, 0, 0, 0], padding: [5, 0, 0, 0],
fontSize: 12, fontSize: 12,
width: 58, width: 80,
height: 16, height: 16,
borderWidth: 1, borderWidth: 1,
borderColor: 'rgba(244,20,133,0.1)', borderColor: 'rgba(244,20,133,0.1)',
......
gicc/Scripts/update.js
View file @ 4eeca8b8
// 血检总人数 // 血检总人数
let num = 33869; let num = 0;
//hp血检阳性数 //hp血检阳性数
let num2 = 15197; let num2 = 0;
// 实际精查人数 // 实际精查人数
let num3 = 5409; let num3 = 0;
// /应精查人数 // /应精查人数
let num4 = 11751; let num4 = 0;
// 高级别上皮内瘤变 // 高级别上皮内瘤变
let rnum1 = '80%'; let rnum1 = '0%';
// 早期胃癌 // 早期胃癌
let rnum2 = '80%'; let rnum2 = '0%';
// 早期食管癌 // 早期食管癌
let rnum3 = '54%'; let rnum3 = '0%';
// 萎缩性胃炎 // 萎缩性胃炎
let onum1 = 1174; let onum1 = 0;
// 胃溃疡 // 胃溃疡
let onum2 = 349; let onum2 = 0;
// 胃息肉 // 胃息肉
let onum3 = 837; let onum3 = 0;
// 申请医院 // 申请医院
let anum1 = 450; let anum1 = 0;
// 开展筛查医院 // 开展筛查医院
let anum2 = 83; let anum2 = 0;
// 筛查总人数 // 筛查总人数
let anum3 = 33869; let anum3 = 0;
// 认证医院 // 认证医院
let anum4 = 347; let anum4 = 0;
// 使用后台返回数据填充 // 使用后台返回数据填充
$.getJSON("http://172.30.2.105:2019/data-plat/complex/statistics", function(data) { $.getJSON("http://gicc-back-end:2019/data-plat/complex/statistics", function(data) {
let complex = data.data; let complex = data.data;
// console.log(complex); // console.log(complex);
obj.count1.lastNumber = complex.serumActualTotal; obj.count1.lastNumber = complex.serumActualTotal;
......
gicc/css/stylePc.css
View file @ 4eeca8b8
...@@ -46,6 +46,7 @@ body { ...@@ -46,6 +46,7 @@ body {
height: 100%; height: 100%;
} }
ul, ul,
li { li {
list-style: none; list-style: none;
...@@ -280,7 +281,7 @@ left_tittle { ...@@ -280,7 +281,7 @@ left_tittle {
.borderbox { .borderbox {
border: 2px solid #fff; border: 2px solid #fff;
width: 16vw; width: 21vw;
min-width:234px; min-width:234px;
height: 44%; height: 44%;
position: fixed; position: fixed;
...@@ -374,7 +375,7 @@ left_tittle { ...@@ -374,7 +375,7 @@ left_tittle {
/*Left2*/ /*Left2*/
.leftbox { .leftbox {
width: 18%; width: 23%;
min-width: 200px; min-width: 200px;
height: 100%; height: 100%;
position: fixed; position: fixed;
...@@ -536,6 +537,22 @@ left_tittle { ...@@ -536,6 +537,22 @@ left_tittle {
.wrap_tittle div{padding-left:1.8vw;float:left;} .wrap_tittle div{padding-left:1.8vw;float:left;}
/* 标题下划线 */ /* 标题下划线 */
.underline1 {
width: 6vw;
position: relative;
}
.underline1::after {
display: inline-block;
content: "";
background: #ffffff;
height: 2px;
width: 6vw;
position: absolute;
top: 3vh;
left: 0vw;
}
.underline { .underline {
width: 4.8vw; width: 4.8vw;
position: relative; position: relative;
...@@ -552,11 +569,12 @@ left_tittle { ...@@ -552,11 +569,12 @@ left_tittle {
left: 0vw; left: 0vw;
} }
/* 右下角的备注 */ /* 右下角的备注 */
#mrak { #mrak {
position: fixed; position: fixed;
right: 5vw; right: 3vw;
bottom: 4.5vh;font-size: 1.0vw; bottom: 4.5vh;font-size: 1.0vw;
} }
......
gicc/english.html 0 → 100644
View file @ 4eeca8b8
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>GICC</title>
<link rel="stylesheet" href="css/stylePc.css" media="screen" type="text/css">
</head>
<body id="body1">
<div class="top">
<img src="img/logo.png">
<p class="tittle">GECA EGC Screening Platform</p>
<!-- <h2 class="change_tittle"><span>——</span>&nbsp;筛查监控&nbsp;<span>——</span></h2>
<h2 class="change_tittle2" style="display: none"><span>——</span>&nbsp;运营分析&nbsp;<span>——</span></h2> -->
<div class="change_tittle">
<span class="underline1">monitoring</span>
<span>analysis</span>
</div>
</div>
<div id="mrak">
<span>% </span>
<p>* %gastric cancer detection rate:</p>
<p>gastric cancer count/gastroscopy count</p>
</div>
<div class="wrapper">
<!--map-->
<div id="china-map"></div>
<!--time-->
<!-- <div class="time"> -->
<!-- <img src="img/time.png" style="width: 100%" alt="time"> -->
<!-- </div> -->
<!--circle-->
<div class="jq22-container">
<div class="A">
<canvas width="400" height="400" id="progress-thin"></canvas>
<canvas width="400" height="400" id="progress-thick"></canvas>
<canvas width="400" height="400" id="bg"></canvas>
</div>
</div>
<!--left-->
<div id="box">
<!--left1-->
<div class="borderbox top" >
<p class="border_tittle">
<i></i>
<span>|&nbsp;serologic test</span>
</p>
<div style="padding-left: 25%">
<div id="count1" class="f_48 f_count"></div>
<p class="f_24 pb_30">total count</p>
<div id="count2" class="f_48 f_count"></div>
<p class="f_24">Hp positive</p>
</div>
<div class="people_box">
<ul class="people_list" style="opacity:0.2">
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
</ul>
<div class="people_ul_animation">
<ul class="people_list people_list_animation">
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
</ul>
</div>
</div>
</div>
<div class="borderbox bottom" >
<p class="border_tittle">
<i></i>
<span>|&nbsp;gastroscope test</span>
</p>
<div style="padding-left: 25%">
<div id="count3" class="f_48 f_count"></div>
<p class="f_24 pb_20">actual count</p>
<div id="count4" class="f_48 f_count"></div>
<p class="f_24">purposed count</p>
</div>
<div class="people_box">
<ul class="people_list" style="opacity:0.2">
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
</ul>
<div class="people_ul_animation">
<ul class="people_list people_list_animation">
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
<li>
<img src="img/icon3_1.png" alt="people">
</li>
</ul>
</div>
</div>
</div>
<!--left2-->
<div class="leftbox">
<h2 class="leftbox_tittle">DIAGNOSIS</h2>
<ul>
<li>
<span class="leftbox_tittle pl_50">|
<b>&nbsp;EGC&nbsp;/&nbsp;gastric cancer</b>
</span>
<h2 class="f_24">highEsophagusTumor<span class="people_count f_24"></span></h2>
<!-- <div class="block_red">
<div id="count5" class="f_36 f_count">2</div>
</div>-->
<div class="people_box pl_50">
<ul class="people_list people_list2" style="opacity:0">
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
</ul>
<div class="people_ul_animation">
<ul class="people_list people_list_animation people_list2 people_list_animation2">
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
<li>
<img src="img/icon3_2.png" alt="people">
</li>
</ul>
</div>
</div>
<h2 class="f_24" >EGC<span class="people_count f_24"></span></h2>
<!--<div class="block_blue">
<div id="count6" class="f_36 f_count">4</div>
</div>-->
<div class="people_box pl_50">
<ul class="people_list people_list2" style="opacity:0">
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
<li>
<img src="img/icon3.png" alt="people">
</li>
</ul>
<div class="people_ul_animation">
<ul class="people_list people_list_animation people_list2 people_list_animation2">
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
<li>
<img src="img/icon3_3.png" alt="people">
</li>
</ul>
</div>
</div>
<h2 class="f_24" style="font-size: 1vw;">earlyEsophagealCancer<span class="people_count f_24"></span></h2>
<!--<div class="block_pink">
<div id="count7" class="f_36 f_count">0</div>
</div>-->
<div class="people_box pl_50">
<ul class="people_list people_list2 " style="opacity:0">
<!-- <li>
<img src="img/icon3.png" alt="people">
</li> -->
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
</ul>
<div class="people_ul_animation">
<ul class="people_list people_list_animation people_list2 people_list_animation2">
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
<li>
<img src="img/icon3_4.png" alt="people">
</li>
</ul>
</div>
</div>
</li>
<li class="pt_30">
<span class="leftbox_tittle pl_50">|
<b>&nbsp;other</b>
</span>
<h2 class="f_24">atrophic gastritis</h2>
<div class="block_orange">
<div id="count8" class="f_36 f_count"></div>
</div>
<h2 class="f_24">gastric ulcer</h2>
<div class="block_pink2">
<div id="count9" class="f_36 f_count"></div>
</div>
<h2 class="f_24">gastric polyps</h2>
<div class="block_purple">
<div id="count10" class="f_36 f_count"></div>
</div>
<!-- <h2 class="f_24">非萎缩性胃炎</h2>
<div class="block_blue2">
<div id="count11" class="f_36 f_count">5800</div>
</div>-->
</li>
</ul>
</div>
</div>
<div class="leftbox2">
<ul>
<li>
<div class="bblock_red ">
<b class="f_28 f_count">apply hospital</b>
<div style="margin-top:5px;"><span id="count12" class="f_30 f_count"></span><span
class="f_24"></span></div>
</div>
<div class="bblock_gray ">
<b class="f_28 f_count">report data hospital</b>
<div style="margin-top:5px;"><span id="count13" class="f_30 f_count"></span><span
class="f_24"></span></div>
</div>
<div class="bblock_black ">
<b class="f_28 f_count">certified hospital</b>
<div style="margin-top:5px;"><span id="count_14" class="f_30 f_count"></span><span class="f_24"></span>
</div>
</div>
<div class="bblock_blue ">
<b class="f_28 f_count">screening total</b>
<div style="margin-top:5px;"><span id="count14" class="f_30 f_count"></span><span
class="f_24"></span></div>
</div>
<!-- <div class="bblock_pink ">
<b class="f_36 f_count">合计筛查病人数</b>
<div id="count15" class="f_36 f_count">800</div>
</div>-->
<h2 class="wrap_tittle ">
<i>
<img src="img/icon4.png">
</i>
<div>
<span class="f_28">screening ranking</span>
<p id="sort-mark">*Only the top 30 are shown</p>
</div>
</h2>
</li>
</ul>
</div>
<!--gundong-->
<div class="wrap">
<input type="button" value="start" id="start" hidden="hidden"/>
<input type="button" value="end" id="end" hidden="hidden"/>
<div id="Marquee_x" class="box">
<ul id="roll">
<!--滚动医联体-->
</ul>
</div>
</div>
</div>
<script src="files/jquery.js"></script>
<script src="Scripts/echarts.js"></script>
<script src="Scripts/china.js"></script>
<script src="Scripts/chinaData-en.js"></script>
<script src="Scripts/chinaData2-en.js"></script>
<script src="files/count.js"></script>
<script src="Scripts/canvas-en.js"></script>
<script src="Scripts/jQuery-jcMarquee.js"></script>
<script src="Scripts/update.js"></script>
<script>
// 使用后台返回数据填充
$.getJSON("http://gicc-back-end:2019/data-plat/screening/rank/en", function (data) {
let rankList = data.data;
var ul = document.getElementById("roll");
if (rankList && rankList.length !== 0) {
ul.innerHTML = "";
for (var i = 0; i < rankList.length; i++) {
var hospName = rankList[i].hospName;
var screeningTotal = rankList[i].hospScreeningTotal;
var li = document.createElement("li");
li.setAttribute("style", "margin-right: 35px")
li.innerHTML = "<b class=\"f_48\">" + (i + 1) + "</b> <span>" + hospName + "</span><span class=\"f_24\">" + screeningTotal + "</span>";
ul.appendChild(li);
}
}
});
console.log(obj);
var mapData = sequence,
provinceData = pointData,
mapData2 = sequence2,
provinceData2 = pointData2,
people_ul_animation = $(".people_ul_animation"),
wrap_tittle = $(".wrap_tittle"),
wrapperDom = $(".wrapper"),
borderboxDom = $(".borderbox"),
people_count = $(".people_count"),
leftbox = $(".leftbox"),
change_tittle_span = $(".change_tittle span"),
block_blue2 = $(".block_blue2"),
bblock_red = $(".bblock_red"),
bblock_blue = $(".bblock_blue"),
bblock_gray = $(".bblock_gray"),
bblock_black = $(".bblock_black")
//声明重复用到的jquery的dom对象
wrap_tittle.animate({
left: '-9999'
}, 1);
StartFlash(0);
function StartFlash(index) {
if (index == 1) {
wrapperDom.animate({
left: '0'
}, 1000);
}
setTimeout("StartLeftBox()", 5000); //开始左边列表
setTimeout("StartLeftBoxNum()", 5500); //开始左边列表数字跳动
setTimeout("peopleNum()", 7000); //开始左边小人动画
setTimeout("StartRiskChart()", 10000); //开始风险图
setTimeout("EndLeftBox()", 18300); //结束左边列表
setTimeout("peopleNum2()", 20500); //开始左边小人动画
setTimeout("StartArcstrip()", 18500); //开始弧形条
setTimeout("peoplecount()", 23500); //开始小人数字
setTimeout("EndRiskAndArc()", 50500); //结束风险图和弧形条
setTimeout("peoplecountstop()", 51500); //结束小人数字
setTimeout("StartNext()", 60000); //开始下个场景
setTimeout("ChangeTitle()", 62500); //变更标题
setTimeout("StartSquarestrip1()", 64000); //开始方形条
setTimeout("StartSquarestrip2()", 65500); //开始方形条
setTimeout("StartSquarestrip3()", 66000); //开始方形条
setTimeout("StartSquarestrip4()", 66500); //开始方形条
setTimeout("StartSquarestrip5()", 67500); //开始筛查排名标题
setTimeout("StartTop()", 68300); //开始筛选排名
setTimeout("Next()", 126000); //轮回第一个场景
}
//开始左边列表
function StartLeftBox() {
borderboxDom.animate({
left: '3%'
}, 2000);
}
//开始左边列表数字跳动
function StartLeftBoxNum() {
$("#count1").numberRock(obj.count1);
$("#count2").numberRock(obj.count2);
$("#count3").numberRock(obj.count3);
$("#count4").numberRock(obj.count4);
}
//开始风险图
function StartRiskChart() {
$(".jq22-container").animate({
right: '20'
}, 2000);
RiskLoad();
$("#mrak").show();
}
//结束左边列表
function EndLeftBox() {
borderboxDom.animate({
left: '-100%'
}, 2000);
}
//开始小人动画2
function peopleNum2(num1, num2) {
people_ul_animation.eq(2).animate({
width: obj.rnum1
}, 1000);
people_ul_animation.eq(3).animate({
width: obj.rnum2
}, 1000);
people_ul_animation.eq(4).animate({
width: obj.rnum3
}, 1000);
}
//开始小人数字
function peoplecount() {
people_count.eq(0).html(obj.rnum1);
people_count.eq(1).html(obj.rnum2);
people_count.eq(2).html(obj.rnum3);
people_count.addClass("people_count_block");
}
//开始左边圆弧条
function StartArcstrip() {
leftbox.animate({
left: '0'
}, 2000);
$(".block_orange").animate({
width: '320'
}, 3000);
$("#count8").numberRock({
lastNumber: obj.onum1,
duration: 2500,
easing: 'swing', //慢快慢
});
$(".block_pink2").animate({
width: '100'
}, 4000);
$("#count9").numberRock({
lastNumber: obj.onum2,
duration: 4000,
easing: 'swing', //慢快慢
});
$(".block_purple").animate({
width: '280'
}, 4000);
$("#count10").numberRock({
lastNumber: obj.onum3,
duration: 4000,
easing: 'swing', //慢快慢
});
block_blue2.animate({
width: '200'
}, 4000);
$("#count11").numberRock({
lastNumber: 35680,
duration: 4000,
easing: 'swing', //慢快慢
});
}
//结束风险图和左边圆弧条
function EndRiskAndArc() {
leftbox.animate({
left: '-100%'
}, 2000);
$(".jq22-container").animate({
right: '-100%'
}, 2000);
block_blue2.width(0);
$(".block_red").width(0);
$(".block_blue").width(0);
$(".block_pink").width(0);
$(".block_orange").width(0);
$(".block_pink2").width(0);
$(".block_purple").width(0);
block_blue2.width(0);
people_ul_animation.width(0);
}
//结束小人数字
function peoplecountstop() {
people_count.removeClass("people_count_block");
}
//第二个场景开始
function StartNext() {
$("#mrak").hide();
wrapperDom.animate({
left: '9999'
}, 3000);
}
//更换第二个场景title
function ChangeTitle() {
change_tittle_span.eq(0).removeClass('underline1')
change_tittle_span.eq(1).addClass('underline')
//更换地图数据
myChart.clear();
sequence = mapData2;
pointData = provinceData2;
cityCount = 8;
count = 0;
timer = 8000
mapShowWl()
wrapperDom.animate({
left: '0'
// }, 3000);
}, 1000);
}
//开始方形条
function StartSquarestrip1() {
bblock_red.width(0);
bblock_gray.width(0);
bblock_blue.width(0);
bblock_black.width(0);
$('.bblock_blue b').hide();
$('.bblock_gray b').hide();
$('.bblock_red b').hide();
$('.bblock_black b').hide();
$(".leftbox2").animate({
left: '0'
}, 2000);
bblock_red.animate({
width: '220',
}, 4000);
$("#count12").numberRock({
lastNumber: obj.anum1,
duration: 4000,
easing: 'swing', //慢快慢
});
}
function StartSquarestrip2() {
bblock_gray.animate({
width: '260',
}, 4000);
$("#count13").numberRock({
lastNumber: obj.anum2,
duration: 4000,
easing: 'swing', //慢快慢
});
}
function StartSquarestrip3() {
bblock_blue.animate({
//width: '72980',
width: '360',
}, 4000);
$("#count14").numberRock({
lastNumber: obj.anum3,
duration: 4000,
easing: 'swing', //慢快慢
});
}
function StartSquarestrip4() {
bblock_black.animate({
//width: '72980',
width: '240',
}, 4000);
$("#count_14").numberRock({
lastNumber: obj.anum4,
duration: 4000,
easing: 'swing', //慢快慢
});
}
function StartSquarestrip5() {
wrap_tittle.show().animate({
width: '390',
left: '0'
}, 3000);
$('.bblock_blue b').show();
$('.bblock_gray b').show();
$('.bblock_red b').show();
$('.bblock_black b').show();
}
//开始筛查排名
function StartTop() {
$(".wrap").animate({
left: '0'
}, 2000);
setTimeout("start()", 4000);
}
//轮回第一个场景
function Next() {
bblock_red.animate({
left: '-9999'
}, 100);
bblock_gray.animate({
left: '-9999'
}, 100);
bblock_blue.animate({
left: '-9999'
}, 100);
$(".bblock_pink").animate({
left: '-9999'
}, 100);
wrap_tittle.animate({
left: '-9999'
}, 100);
wrapperDom.animate({
left: '9999'
}, 3000);
$(".leftbox2").animate({
left: '-100%'
}, 2000);
$(".wrap").animate({
left: '9999'
}, 10000);
change_tittle_span.eq(0).addClass('underline1')
change_tittle_span.eq(1).removeClass('underline')
end();
//更换地图数据
myChart.clear();
sequence = mapData;
pointData = provinceData;
cityCount = 24;
count = 0;
timer = 3300
mapShowWl()
StartFlash(1);
}
</script>
<!--第三方-->
<script>
//小人动画
function peopleNum(num1, num2) {
people_ul_animation.eq(0).animate({
width: obj.rate1
}, 1000);
people_ul_animation.eq(1).animate({
width: obj.rate2
}, 1000);
}
//地图
var myChart = echarts.init(document.getElementById('china-map'));
myChart.showLoading();
var cityCount = 24;
option = {
series: sequence[""]
}
var count = 0;
var timeTicket = null;
let timer = 3500;
// // 测试timer修改
// let timer = 500
function mapShowWl() {
timeTicket && clearInterval(timeTicket);
timeTicket = setInterval(function () {
if (count === cityCount) {
return;
}
var option = myChart.getOption();
option.series = sequence[pointData[count].province];
myChart.setOption(option);
count++;
//@
}, timer);
}
mapShowWl()
// }, 1000);
myChart.setOption(option);
myChart.hideLoading();
function AutoScroll(obj) {
$(obj).find("dl:first").animate({
marginLeft: "-300px"
}, 1000, function () {
$(this).css({
marginLeft: "0px"
}).find("dd:first").appendTo(this);
});
}
var init;
function start() {
$('#start').click();
}
function end() {
$('#end').click();
}
$(function () {
$('#Marquee_x').jcMarquee({
'marquee': 'x',
'margin_right': '35px',
'speed': 10
});
end();
});
</script>
</body>
</html>
gicc/index.html
View file @ 4eeca8b8
...@@ -40,6 +40,8 @@ ...@@ -40,6 +40,8 @@
<canvas width="400" height="400" id="bg"></canvas> <canvas width="400" height="400" id="bg"></canvas>
</div> </div>
</div> </div>
<!--left--> <!--left-->
<div id="box"> <div id="box">
<!--left1--> <!--left1-->
...@@ -551,41 +553,18 @@ ...@@ -551,41 +553,18 @@
<input type="button" value="end" id="end" hidden="hidden"/> <input type="button" value="end" id="end" hidden="hidden"/>
<div id="Marquee_x" class="box"> <div id="Marquee_x" class="box">
<ul id="roll"> <ul id="roll">
<li><b class="f_48">1</b> <span>宁夏医科大学总医院</span><span class="f_24">5591人</span></li>
<li><b class="f_48">2</b> <span>南方医科大学南海医院</span><span class="f_24">3395人</span></li>
<li><b class="f_48">3</b> <span>无锡四院医联体（滨湖中医院）</span><span class="f_24">3176人</span></li>
<li><b class="f_48">4</b> <span>上海长海医院</span><span class="f_24">2474人</span></li>
<li><b class="f_48">5</b> <span>广东茂名市人民医院</span><span class="f_24">2315人</span></li>
<li><b class="f_48">6</b> <span>昆山中医医院医联体</span><span class="f_24">2198人</span></li>
<li><b class="f_48">7</b> <span>无锡人民医院医联体</span><span class="f_24">2044人</span></li>
<li><b class="f_48">8</b> <span>宁夏人民医院宁南医院医联体</span><span class="f_24">1063人</span></li>
<li><b class="f_48">9</b> <span>包头医学院第二附属医院</span><span class="f_24">920人</span></li>
<li><b class="f_48">10</b> <span>徐州医科大学附属医院</span><span class="f_24">860人</span></li>
<li><b class="f_48">11</b> <span>无锡中医医院医联体</span><span class="f_24">858人</span></li>
<li><b class="f_48">12</b> <span>无锡太湖医院（解放军101医院）医联体</span><span class="f_24">784人</span></li>
<li><b class="f_48">13</b> <span>江阴人民医院医联体</span><span class="f_24">740人</span></li>
<li><b class="f_48">14</b> <span>无锡二院医联体</span><span class="f_24">690人</span></li>
<li><b class="f_48">15</b> <span>无锡锡山人民医院医联体</span><span class="f_24">672人</span></li>
<li><b class="f_48">16</b> <span>深圳医院医联体</span><span class="f_24">623人</span></li>
<li><b class="f_48">17</b> <span>宜兴人民医院医联体</span><span class="f_24">438人</span></li>
<li><b class="f_48">18</b> <span>无锡四院医联体1（九院）</span><span class="f_24">426人</span></li>
<li><b class="f_48">19</b> <span>清远市人民医院</span><span class="f_24">377人</span></li>
<li><b class="f_48">20</b> <span>苏州相城人民医院</span><span class="f_24">319人</span></li>
<li><b class="f_48">21</b> <span>文山市人民医院</span><span class="f_24">312人</span></li>
<li><b class="f_48">22</b> <span>邢台医学高等专科学校第一附属医院</span><span class="f_24">285人</span></li>
<li><b class="f_48">23</b> <span>无锡三院医联体1</span><span class="f_24">273人</span></li>
<li><b class="f_48">24</b> <span>鄂尔多斯市中心医院</span><span class="f_24">269人</span></li>
<li><b class="f_48">25</b> <span>温州市中心医院</span><span class="f_24">259人</span></li>
<li><b class="f_48">26</b> <span>淮北市人民医院</span><span class="f_24">258人</span></li>
<li><b class="f_48">27</b> <span>都江堰市人民医院</span><span class="f_24">253人</span></li>
<li><b class="f_48">28</b> <span>福建省立医院南院</span><span class="f_24">242人</span></li>
<li><b class="f_48">29</b> <span>包钢集团第三职工医院</span><span class="f_24">197人</span></li>
<li><b class="f_48">30</b> <span>湖北省第三人民医院医联体</span><span class="f_24">152人</span></li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<!--English-->
<a href="./english.html"
style="color: #fbf9fc;text-decoration: none; position: relative;right: -70vw;top: -45vw;font-size: 1vw;">
English
</a>
<script src="files/jquery.js"></script> <script src="files/jquery.js"></script>
<script src="Scripts/echarts.js"></script> <script src="Scripts/echarts.js"></script>
...@@ -598,7 +577,7 @@ ...@@ -598,7 +577,7 @@
<script src="Scripts/update.js"></script> <script src="Scripts/update.js"></script>
<script> <script>
// 使用后台返回数据填充 // 使用后台返回数据填充
$.getJSON("http://172.30.2.105:2019/data-plat/screening/rank", function (data) { $.getJSON("http://gicc-back-end:2019/data-plat/screening/rank", function (data) {
let rankList = data.data; let rankList = data.data;
var ul = document.getElementById("roll"); var ul = document.getElementById("roll");
...@@ -609,14 +588,14 @@ ...@@ -609,14 +588,14 @@
var screeningTotal = rankList[i].hospScreeningTotal; var screeningTotal = rankList[i].hospScreeningTotal;
var li = document.createElement("li"); var li = document.createElement("li");
li.setAttribute("style", "margin-right: 35px") li.setAttribute("style", "margin-right: 35px")
li.innerHTML = "<b class=\"f_48\">" + (i + 1) + "</b> <span>" + hospName + "</span><span class=\"f_24\">" + screeningTotal + "人</span>"; li.innerHTML = "<b class=\"f_48\">" + (i + 1) + "</b> <span>" + hospName + "</span><spa-n class=\"f_24\">" + screeningTotal + "</spa-n>";
ul.appendChild(li); ul.appendChild(li);
} }
} }
}); });
console.log(obj); // console.log(obj);
var mapData = sequence, var mapData = sequence,
provinceData = pointData, provinceData = pointData,
mapData2 = sequence2, mapData2 = sequence2,
...@@ -859,7 +838,7 @@ ...@@ -859,7 +838,7 @@
function StartSquarestrip2() { function StartSquarestrip2() {
bblock_gray.animate({ bblock_gray.animate({
width: '150', width: '160',
}, 4000); }, 4000);
$("#count13").numberRock({ $("#count13").numberRock({
lastNumber: obj.anum2, lastNumber: obj.anum2,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment