Skip to content

GitLab

B
Buu
Commit 91c7d6fb authored by zhangshuo's avatar zhangshuo
Browse files
Options

result

parent 5d49c19a
Show whitespace changes
Inline Side-by-side
Showing with 2388 additions and 1 deletion
result/支付宝0516-0522全用户_result.html 0 → 100644
View file @ 91c7d6fb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Awesome-pyecharts</title>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/ResizeSensor.js"></script>
<link rel="stylesheet" href="https://assets.pyecharts.org/assets/jquery-ui.css">
</head>
<body>
<style>.box { }; </style>
<button onclick="downloadCfg()">Save Config</button>
<div class="box">
<div id="ebcaa1945df14e4b8228f2431163315f" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_ebcaa1945df14e4b8228f2431163315f = echarts.init(
document.getElementById('ebcaa1945df14e4b8228f2431163315f'), 'white', {renderer: 'canvas'});
var option_ebcaa1945df14e4b8228f2431163315f = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "1\u5143\u62bd\u5956",
"value": 1582
},
{
"name": "\u30100\u5143\u9886\u3011\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 10
},
{
"name": "\u30100\u5143\u9886\u3011\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 3
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u53e4\u94b1\u5e01\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 86
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 89
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 26
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7f8a\u8102\u7389\u74f7\u54c1\u8317\u676f\u4e00\u5bf9",
"value": 27
},
{
"name": "\u5176\u4ed6",
"value": 463
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"1\u5143\u62bd\u5956",
"\u30100\u5143\u9886\u3011\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u30100\u5143\u9886\u3011\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u53e4\u94b1\u5e01\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7f8a\u8102\u7389\u74f7\u54c1\u8317\u676f\u4e00\u5bf9",
"\u5176\u4ed6"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "0\u5143\u8d2d\u30011\u5143\u62bd\u5956\u3001\u5176\u4ed6\u5360\u6bd4",
"padding": 5,
"itemGap": 10
}
]
};
chart_ebcaa1945df14e4b8228f2431163315f.setOption(option_ebcaa1945df14e4b8228f2431163315f);
</script>
<br/> <div id="439099bfaf434b71a3eee35be823671d" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_439099bfaf434b71a3eee35be823671d = echarts.init(
document.getElementById('439099bfaf434b71a3eee35be823671d'), 'white', {renderer: 'canvas'});
var option_439099bfaf434b71a3eee35be823671d = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "\u4e66\u753b\u7bc6\u523b",
"value": 3
},
{
"name": "\u5176\u5b83",
"value": 16
},
{
"name": "\u6587\u73a9\u6742\u9879",
"value": 47
},
{
"name": "\u6728\u5668\u5bb6\u5177",
"value": 60
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d",
"value": 217
},
{
"name": "\u7d2b\u7802\u9676\u74f7",
"value": 55
},
{
"name": "\u8336\u9152\u6ecb\u8865",
"value": 39
},
{
"name": "\u94b1\u5e01\u90ae\u7968",
"value": 23
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"\u4e66\u753b\u7bc6\u523b",
"\u5176\u5b83",
"\u6587\u73a9\u6742\u9879",
"\u6728\u5668\u5bb6\u5177",
"\u7389\u7fe0\u73e0\u5b9d",
"\u7d2b\u7802\u9676\u74f7",
"\u8336\u9152\u6ecb\u8865",
"\u94b1\u5e01\u90ae\u7968"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u4e00\u7ea7\u7c7b\u76ee\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_439099bfaf434b71a3eee35be823671d.setOption(option_439099bfaf434b71a3eee35be823671d);
</script>
<br/> <div id="1cba8ad677d34698bf953c690dbd2cfd" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_1cba8ad677d34698bf953c690dbd2cfd = echarts.init(
document.getElementById('1cba8ad677d34698bf953c690dbd2cfd'), 'white', {renderer: 'canvas'});
var option_1cba8ad677d34698bf953c690dbd2cfd = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "\u5176\u4ed6",
"value": 41
},
{
"name": "\u5176\u5b83_\u56fd\u4ea7\u624b\u8868",
"value": 16
},
{
"name": "\u6587\u73a9\u6742\u9879_\u6587\u73a9\u6838\u6843",
"value": 6
},
{
"name": "\u6587\u73a9\u6742\u9879_\u83e9\u63d0\u73e0\u4e32",
"value": 17
},
{
"name": "\u6587\u73a9\u6742\u9879_\u94b1\u5e01",
"value": 11
},
{
"name": "\u6587\u73a9\u6742\u9879_\u94dc\u94c1\u9521\u5668",
"value": 6
},
{
"name": "\u6728\u5668\u5bb6\u5177_\u5176\u5b83\u6728\u5934",
"value": 47
},
{
"name": "\u6728\u5668\u5bb6\u5177_\u91d1\u4e1d\u6960",
"value": 5
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u5176\u5b83\u7279\u8272\u7389\u77f3",
"value": 36
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u548c\u7530\u7389",
"value": 45
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u5c0f\u4f17\u7389\u77f3",
"value": 21
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u739b\u7459\u7389\u9ad3",
"value": 39
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u73cd\u73e0|\u5f69\u5b9d",
"value": 16
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u7fe1\u7fe0",
"value": 45
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u7fe1\u7fe0\u539f\u77f3",
"value": 11
},
{
"name": "\u7d2b\u7802\u9676\u74f7_\u5f53\u4ee3\u74f7\u5668",
"value": 33
},
{
"name": "\u7d2b\u7802\u9676\u74f7_\u7d2b\u7802",
"value": 19
},
{
"name": "\u8336\u9152\u6ecb\u8865_\u666e\u6d31\u8336",
"value": 9
},
{
"name": "\u8336\u9152\u6ecb\u8865_\u767d\u9152-\u4e2d\u56fd\u540d\u9152",
"value": 5
},
{
"name": "\u8336\u9152\u6ecb\u8865_\u767d\u9152-\u53e3\u7cae\u9152",
"value": 16
},
{
"name": "\u94b1\u5e01\u90ae\u7968_\u4e2d\u56fd\u53e4\u94b1",
"value": 16
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"\u5176\u4ed6",
"\u5176\u5b83_\u56fd\u4ea7\u624b\u8868",
"\u6587\u73a9\u6742\u9879_\u6587\u73a9\u6838\u6843",
"\u6587\u73a9\u6742\u9879_\u83e9\u63d0\u73e0\u4e32",
"\u6587\u73a9\u6742\u9879_\u94b1\u5e01",
"\u6587\u73a9\u6742\u9879_\u94dc\u94c1\u9521\u5668",
"\u6728\u5668\u5bb6\u5177_\u5176\u5b83\u6728\u5934",
"\u6728\u5668\u5bb6\u5177_\u91d1\u4e1d\u6960",
"\u7389\u7fe0\u73e0\u5b9d_\u5176\u5b83\u7279\u8272\u7389\u77f3",
"\u7389\u7fe0\u73e0\u5b9d_\u548c\u7530\u7389",
"\u7389\u7fe0\u73e0\u5b9d_\u5c0f\u4f17\u7389\u77f3",
"\u7389\u7fe0\u73e0\u5b9d_\u739b\u7459\u7389\u9ad3",
"\u7389\u7fe0\u73e0\u5b9d_\u73cd\u73e0|\u5f69\u5b9d",
"\u7389\u7fe0\u73e0\u5b9d_\u7fe1\u7fe0",
"\u7389\u7fe0\u73e0\u5b9d_\u7fe1\u7fe0\u539f\u77f3",
"\u7d2b\u7802\u9676\u74f7_\u5f53\u4ee3\u74f7\u5668",
"\u7d2b\u7802\u9676\u74f7_\u7d2b\u7802",
"\u8336\u9152\u6ecb\u8865_\u666e\u6d31\u8336",
"\u8336\u9152\u6ecb\u8865_\u767d\u9152-\u4e2d\u56fd\u540d\u9152",
"\u8336\u9152\u6ecb\u8865_\u767d\u9152-\u53e3\u7cae\u9152",
"\u94b1\u5e01\u90ae\u7968_\u4e2d\u56fd\u53e4\u94b1"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u4e8c\u7ea7\u7c7b\u76ee\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_1cba8ad677d34698bf953c690dbd2cfd.setOption(option_1cba8ad677d34698bf953c690dbd2cfd);
</script>
<br/> <div id="c75fef355a3b401a8da8c9a9d39e83b8" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_c75fef355a3b401a8da8c9a9d39e83b8 = echarts.init(
document.getElementById('c75fef355a3b401a8da8c9a9d39e83b8'), 'white', {renderer: 'canvas'});
var option_c75fef355a3b401a8da8c9a9d39e83b8 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "\u4ec51\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"value": 230
},
{
"name": "\u4ec51\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"value": 89
},
{
"name": "\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"value": 76
},
{
"name": "\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"value": 19
},
{
"name": "\u7b2c\u4e00\u5355(\u5e38\u89c4\u8ba2\u5355)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"value": 67
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"\u4ec51\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"\u4ec51\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"\u7b2c\u4e00\u5355(\u5e38\u89c4\u8ba2\u5355)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u590d\u8d2d\u8def\u5f84",
"padding": 5,
"itemGap": 10
}
]
};
chart_c75fef355a3b401a8da8c9a9d39e83b8.setOption(option_c75fef355a3b401a8da8c9a9d39e83b8);
</script>
<br/> <div id="9f91e772361c4a4e970fa2d3a83257dc" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_9f91e772361c4a4e970fa2d3a83257dc = echarts.init(
document.getElementById('9f91e772361c4a4e970fa2d3a83257dc'), 'white', {renderer: 'canvas'});
var option_9f91e772361c4a4e970fa2d3a83257dc = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "212\u5546\u54c1_\u4e00\u53e3\u4ef7",
"value": 7
},
{
"name": "212\u5546\u54c1_\u62cd\u5356",
"value": 374
},
{
"name": "\u4e00\u53e3\u4ef7",
"value": 1
},
{
"name": "\u5206\u9500\u5546\u54c1",
"value": 8
},
{
"name": "\u76f4\u64ad",
"value": 68
},
{
"name": "\u9ed8\u8ba4",
"value": 2
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"212\u5546\u54c1_\u4e00\u53e3\u4ef7",
"212\u5546\u54c1_\u62cd\u5356",
"\u4e00\u53e3\u4ef7",
"\u5206\u9500\u5546\u54c1",
"\u76f4\u64ad",
"\u9ed8\u8ba4"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u5546\u54c1\u7c7b\u578b\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_9f91e772361c4a4e970fa2d3a83257dc.setOption(option_9f91e772361c4a4e970fa2d3a83257dc);
</script>
<br/> <div id="75cf0340bdfa4d4bb16bea768dfd2177" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_75cf0340bdfa4d4bb16bea768dfd2177 = echarts.init(
document.getElementById('75cf0340bdfa4d4bb16bea768dfd2177'), 'white', {renderer: 'canvas'});
var option_75cf0340bdfa4d4bb16bea768dfd2177 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "0-9",
"value": 34
},
{
"name": "10-19",
"value": 92
},
{
"name": "100-109",
"value": 5
},
{
"name": "130-139",
"value": 7
},
{
"name": "140-149",
"value": 5
},
{
"name": "170-179",
"value": 3
},
{
"name": "20-29",
"value": 73
},
{
"name": "290-299",
"value": 6
},
{
"name": "30-39",
"value": 53
},
{
"name": "40-49",
"value": 37
},
{
"name": "50-59",
"value": 27
},
{
"name": "60-69",
"value": 36
},
{
"name": "70-79",
"value": 17
},
{
"name": "80-89",
"value": 16
},
{
"name": "90-99",
"value": 12
},
{
"name": "\u5176\u4ed6\u4ef7\u683c\u6bb5",
"value": 37
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"0-9",
"10-19",
"100-109",
"130-139",
"140-149",
"170-179",
"20-29",
"290-299",
"30-39",
"40-49",
"50-59",
"60-69",
"70-79",
"80-89",
"90-99",
"\u5176\u4ed6\u4ef7\u683c\u6bb5"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u4ef7\u683c\u6bb5\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_75cf0340bdfa4d4bb16bea768dfd2177.setOption(option_75cf0340bdfa4d4bb16bea768dfd2177);
</script>
<br/> <div id="5cdd6bd451154225ac7e339fb97b1919" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_5cdd6bd451154225ac7e339fb97b1919 = echarts.init(
document.getElementById('5cdd6bd451154225ac7e339fb97b1919'), 'white', {renderer: 'canvas'});
var option_5cdd6bd451154225ac7e339fb97b1919 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "10\u5355",
"value": 3
},
{
"name": "11\u5355",
"value": 1
},
{
"name": "15\u5355",
"value": 1
},
{
"name": "16\u5355",
"value": 1
},
{
"name": "17\u5355",
"value": 1
},
{
"name": "1\u5355",
"value": 111
},
{
"name": "20\u5355",
"value": 1
},
{
"name": "28\u5355",
"value": 1
},
{
"name": "2\u5355",
"value": 30
},
{
"name": "3\u5355",
"value": 12
},
{
"name": "4\u5355",
"value": 11
},
{
"name": "5\u5355",
"value": 3
},
{
"name": "6\u5355",
"value": 2
},
{
"name": "7\u5355",
"value": 3
},
{
"name": "8\u5355",
"value": 3
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"10\u5355",
"11\u5355",
"15\u5355",
"16\u5355",
"17\u5355",
"1\u5355",
"20\u5355",
"28\u5355",
"2\u5355",
"3\u5355",
"4\u5355",
"5\u5355",
"6\u5355",
"7\u5355",
"8\u5355"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u8ba2\u5355\u6570\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_5cdd6bd451154225ac7e339fb97b1919.setOption(option_5cdd6bd451154225ac7e339fb97b1919);
</script>
<br/> </div>
<script>
$('#ebcaa1945df14e4b8228f2431163315f').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#ebcaa1945df14e4b8228f2431163315f>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#ebcaa1945df14e4b8228f2431163315f'), function() { chart_ebcaa1945df14e4b8228f2431163315f.resize()});
$('#439099bfaf434b71a3eee35be823671d').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#439099bfaf434b71a3eee35be823671d>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#439099bfaf434b71a3eee35be823671d'), function() { chart_439099bfaf434b71a3eee35be823671d.resize()});
$('#1cba8ad677d34698bf953c690dbd2cfd').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#1cba8ad677d34698bf953c690dbd2cfd>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#1cba8ad677d34698bf953c690dbd2cfd'), function() { chart_1cba8ad677d34698bf953c690dbd2cfd.resize()});
$('#c75fef355a3b401a8da8c9a9d39e83b8').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#c75fef355a3b401a8da8c9a9d39e83b8>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#c75fef355a3b401a8da8c9a9d39e83b8'), function() { chart_c75fef355a3b401a8da8c9a9d39e83b8.resize()});
$('#9f91e772361c4a4e970fa2d3a83257dc').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#9f91e772361c4a4e970fa2d3a83257dc>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#9f91e772361c4a4e970fa2d3a83257dc'), function() { chart_9f91e772361c4a4e970fa2d3a83257dc.resize()});
$('#75cf0340bdfa4d4bb16bea768dfd2177').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#75cf0340bdfa4d4bb16bea768dfd2177>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#75cf0340bdfa4d4bb16bea768dfd2177'), function() { chart_75cf0340bdfa4d4bb16bea768dfd2177.resize()});
$('#5cdd6bd451154225ac7e339fb97b1919').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#5cdd6bd451154225ac7e339fb97b1919>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#5cdd6bd451154225ac7e339fb97b1919'), function() { chart_5cdd6bd451154225ac7e339fb97b1919.resize()});
var charts_id = ['ebcaa1945df14e4b8228f2431163315f','439099bfaf434b71a3eee35be823671d','1cba8ad677d34698bf953c690dbd2cfd','c75fef355a3b401a8da8c9a9d39e83b8','9f91e772361c4a4e970fa2d3a83257dc','75cf0340bdfa4d4bb16bea768dfd2177','5cdd6bd451154225ac7e339fb97b1919'];
function downloadCfg () {
const fileName = 'chart_config.json'
let downLink = document.createElement('a')
downLink.download = fileName
let result = []
for(let i=0; i<charts_id.length; i++) {
chart = $('#'+charts_id[i])
result.push({
cid: charts_id[i],
width: chart.css("width"),
height: chart.css("height"),
top: chart.offset().top + "px",
left: chart.offset().left + "px"
})
}
let blob = new Blob([JSON.stringify(result)])
downLink.href = URL.createObjectURL(blob)
document.body.appendChild(downLink)
downLink.click()
document.body.removeChild(downLink)
}
</script>
</body>
</html>
result/支付宝0516-0522新注册用户_result.html 0 → 100644
View file @ 91c7d6fb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Awesome-pyecharts</title>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/ResizeSensor.js"></script>
<link rel="stylesheet" href="https://assets.pyecharts.org/assets/jquery-ui.css">
</head>
<body>
<style>.box { }; </style>
<button onclick="downloadCfg()">Save Config</button>
<div class="box">
<div id="df50dff8dab444eeb14376a53b2414cc" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_df50dff8dab444eeb14376a53b2414cc = echarts.init(
document.getElementById('df50dff8dab444eeb14376a53b2414cc'), 'white', {renderer: 'canvas'});
var option_df50dff8dab444eeb14376a53b2414cc = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "1\u5143\u62bd\u5956",
"value": 100
},
{
"name": "\u30100\u5143\u9886\u3011\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 9
},
{
"name": "\u30100\u5143\u9886\u3011\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 3
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u53e4\u94b1\u5e01\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 60
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 82
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"value": 24
},
{
"name": "\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7f8a\u8102\u7389\u74f7\u54c1\u8317\u676f\u4e00\u5bf9",
"value": 22
},
{
"name": "\u5176\u4ed6",
"value": 263
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"1\u5143\u62bd\u5956",
"\u30100\u5143\u9886\u3011\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u30100\u5143\u9886\u3011\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u53e4\u94b1\u5e01\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7389\u77f3\u73e0\u5b9d\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u76d8\u73a9\u73e0\u4e32\u5165\u95e8\u7206\u6b3e\u798f\u888b",
"\u3010\u652f\u4ed8\u5b9d\u4e13\u4eab\u30110\u5143\u9886\u7f8a\u8102\u7389\u74f7\u54c1\u8317\u676f\u4e00\u5bf9",
"\u5176\u4ed6"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "0\u5143\u8d2d\u30011\u5143\u62bd\u5956\u3001\u5176\u4ed6\u5360\u6bd4",
"padding": 5,
"itemGap": 10
}
]
};
chart_df50dff8dab444eeb14376a53b2414cc.setOption(option_df50dff8dab444eeb14376a53b2414cc);
</script>
<br/> <div id="4a8733999bc44b1a8dd92369800a0fbe" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_4a8733999bc44b1a8dd92369800a0fbe = echarts.init(
document.getElementById('4a8733999bc44b1a8dd92369800a0fbe'), 'white', {renderer: 'canvas'});
var option_4a8733999bc44b1a8dd92369800a0fbe = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "\u4e66\u753b\u7bc6\u523b",
"value": 1
},
{
"name": "\u5176\u5b83",
"value": 12
},
{
"name": "\u6587\u73a9\u6742\u9879",
"value": 25
},
{
"name": "\u6728\u5668\u5bb6\u5177",
"value": 43
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d",
"value": 114
},
{
"name": "\u7d2b\u7802\u9676\u74f7",
"value": 42
},
{
"name": "\u8336\u9152\u6ecb\u8865",
"value": 23
},
{
"name": "\u94b1\u5e01\u90ae\u7968",
"value": 2
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"\u4e66\u753b\u7bc6\u523b",
"\u5176\u5b83",
"\u6587\u73a9\u6742\u9879",
"\u6728\u5668\u5bb6\u5177",
"\u7389\u7fe0\u73e0\u5b9d",
"\u7d2b\u7802\u9676\u74f7",
"\u8336\u9152\u6ecb\u8865",
"\u94b1\u5e01\u90ae\u7968"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u4e00\u7ea7\u7c7b\u76ee\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_4a8733999bc44b1a8dd92369800a0fbe.setOption(option_4a8733999bc44b1a8dd92369800a0fbe);
</script>
<br/> <div id="4a4ff6579fec4e1aa8ba18c38e6138cb" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_4a4ff6579fec4e1aa8ba18c38e6138cb = echarts.init(
document.getElementById('4a4ff6579fec4e1aa8ba18c38e6138cb'), 'white', {renderer: 'canvas'});
var option_4a4ff6579fec4e1aa8ba18c38e6138cb = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "\u5176\u4ed6",
"value": 7
},
{
"name": "\u5176\u5b83_\u56fd\u4ea7\u624b\u8868",
"value": 12
},
{
"name": "\u6587\u73a9\u6742\u9879_\u6587\u73a9\u6838\u6843",
"value": 5
},
{
"name": "\u6587\u73a9\u6742\u9879_\u6838\u96d5",
"value": 2
},
{
"name": "\u6587\u73a9\u6742\u9879_\u83e9\u63d0\u73e0\u4e32",
"value": 11
},
{
"name": "\u6587\u73a9\u6742\u9879_\u94dc\u94c1\u9521\u5668",
"value": 6
},
{
"name": "\u6728\u5668\u5bb6\u5177_\u5176\u5b83\u6728\u5934",
"value": 33
},
{
"name": "\u6728\u5668\u5bb6\u5177_\u6728\u96d5/\u6839\u96d5",
"value": 5
},
{
"name": "\u6728\u5668\u5bb6\u5177_\u91d1\u4e1d\u6960",
"value": 4
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u5176\u5b83\u7279\u8272\u7389\u77f3",
"value": 23
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u548c\u7530\u7389",
"value": 22
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u739b\u7459\u7389\u9ad3",
"value": 25
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u73cd\u73e0|\u5f69\u5b9d",
"value": 12
},
{
"name": "\u7389\u7fe0\u73e0\u5b9d_\u7fe1\u7fe0",
"value": 31
},
{
"name": "\u7d2b\u7802\u9676\u74f7_\u5efa\u76cf",
"value": 2
},
{
"name": "\u7d2b\u7802\u9676\u74f7_\u5f53\u4ee3\u74f7\u5668",
"value": 27
},
{
"name": "\u7d2b\u7802\u9676\u74f7_\u7d2b\u7802",
"value": 12
},
{
"name": "\u8336\u9152\u6ecb\u8865_\u666e\u6d31\u8336",
"value": 6
},
{
"name": "\u8336\u9152\u6ecb\u8865_\u767d\u9152-\u53e3\u7cae\u9152",
"value": 14
},
{
"name": "\u8336\u9152\u6ecb\u8865_\u8461\u8404\u9152",
"value": 2
},
{
"name": "\u94b1\u5e01\u90ae\u7968_\u94f6\u952d/\u673a\u5236\u5e01",
"value": 1
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"\u5176\u4ed6",
"\u5176\u5b83_\u56fd\u4ea7\u624b\u8868",
"\u6587\u73a9\u6742\u9879_\u6587\u73a9\u6838\u6843",
"\u6587\u73a9\u6742\u9879_\u6838\u96d5",
"\u6587\u73a9\u6742\u9879_\u83e9\u63d0\u73e0\u4e32",
"\u6587\u73a9\u6742\u9879_\u94dc\u94c1\u9521\u5668",
"\u6728\u5668\u5bb6\u5177_\u5176\u5b83\u6728\u5934",
"\u6728\u5668\u5bb6\u5177_\u6728\u96d5/\u6839\u96d5",
"\u6728\u5668\u5bb6\u5177_\u91d1\u4e1d\u6960",
"\u7389\u7fe0\u73e0\u5b9d_\u5176\u5b83\u7279\u8272\u7389\u77f3",
"\u7389\u7fe0\u73e0\u5b9d_\u548c\u7530\u7389",
"\u7389\u7fe0\u73e0\u5b9d_\u739b\u7459\u7389\u9ad3",
"\u7389\u7fe0\u73e0\u5b9d_\u73cd\u73e0|\u5f69\u5b9d",
"\u7389\u7fe0\u73e0\u5b9d_\u7fe1\u7fe0",
"\u7d2b\u7802\u9676\u74f7_\u5efa\u76cf",
"\u7d2b\u7802\u9676\u74f7_\u5f53\u4ee3\u74f7\u5668",
"\u7d2b\u7802\u9676\u74f7_\u7d2b\u7802",
"\u8336\u9152\u6ecb\u8865_\u666e\u6d31\u8336",
"\u8336\u9152\u6ecb\u8865_\u767d\u9152-\u53e3\u7cae\u9152",
"\u8336\u9152\u6ecb\u8865_\u8461\u8404\u9152",
"\u94b1\u5e01\u90ae\u7968_\u94f6\u952d/\u673a\u5236\u5e01"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u4e8c\u7ea7\u7c7b\u76ee\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_4a4ff6579fec4e1aa8ba18c38e6138cb.setOption(option_4a4ff6579fec4e1aa8ba18c38e6138cb);
</script>
<br/> <div id="502ec1f34eb9436992c0b9407742d1aa" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_502ec1f34eb9436992c0b9407742d1aa = echarts.init(
document.getElementById('502ec1f34eb9436992c0b9407742d1aa'), 'white', {renderer: 'canvas'});
var option_502ec1f34eb9436992c0b9407742d1aa = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "\u4ec51\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"value": 184
},
{
"name": "\u4ec51\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"value": 60
},
{
"name": "\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"value": 27
},
{
"name": "\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"value": 10
},
{
"name": "\u7b2c\u4e00\u5355(\u5e38\u89c4\u8ba2\u5355)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"value": 42
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"\u4ec51\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"\u4ec51\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n",
"\u7b2c\u4e00\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n\u7b2c\u4e8c\u5355(\u5e38\u89c4\u8ba2\u5355)\n",
"\u7b2c\u4e00\u5355(\u5e38\u89c4\u8ba2\u5355)\n\u7b2c\u4e8c\u5355(0\u5143\u9886/1\u5143\u62bd\u5956)\n"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u590d\u8d2d\u8def\u5f84",
"padding": 5,
"itemGap": 10
}
]
};
chart_502ec1f34eb9436992c0b9407742d1aa.setOption(option_502ec1f34eb9436992c0b9407742d1aa);
</script>
<br/> <div id="04e5f64ee4764fccb0f698ee31d2cb38" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_04e5f64ee4764fccb0f698ee31d2cb38 = echarts.init(
document.getElementById('04e5f64ee4764fccb0f698ee31d2cb38'), 'white', {renderer: 'canvas'});
var option_04e5f64ee4764fccb0f698ee31d2cb38 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "212\u5546\u54c1_\u4e00\u53e3\u4ef7",
"value": 1
},
{
"name": "212\u5546\u54c1_\u62cd\u5356",
"value": 252
},
{
"name": "\u5206\u9500\u5546\u54c1",
"value": 7
},
{
"name": "\u76f4\u64ad",
"value": 1
},
{
"name": "\u9ed8\u8ba4",
"value": 1
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"212\u5546\u54c1_\u4e00\u53e3\u4ef7",
"212\u5546\u54c1_\u62cd\u5356",
"\u5206\u9500\u5546\u54c1",
"\u76f4\u64ad",
"\u9ed8\u8ba4"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u5546\u54c1\u7c7b\u578b\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_04e5f64ee4764fccb0f698ee31d2cb38.setOption(option_04e5f64ee4764fccb0f698ee31d2cb38);
</script>
<br/> <div id="f5a80ef4e89b45c7b8f562b47710f465" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_f5a80ef4e89b45c7b8f562b47710f465 = echarts.init(
document.getElementById('f5a80ef4e89b45c7b8f562b47710f465'), 'white', {renderer: 'canvas'});
var option_f5a80ef4e89b45c7b8f562b47710f465 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "0-9",
"value": 9
},
{
"name": "10-19",
"value": 48
},
{
"name": "100-109",
"value": 4
},
{
"name": "140-149",
"value": 3
},
{
"name": "150-159",
"value": 3
},
{
"name": "20-29",
"value": 40
},
{
"name": "280-289",
"value": 2
},
{
"name": "290-299",
"value": 6
},
{
"name": "30-39",
"value": 25
},
{
"name": "40-49",
"value": 26
},
{
"name": "50-59",
"value": 17
},
{
"name": "60-69",
"value": 26
},
{
"name": "70-79",
"value": 14
},
{
"name": "80-89",
"value": 9
},
{
"name": "90-99",
"value": 11
},
{
"name": "\u5176\u4ed6\u4ef7\u683c\u6bb5",
"value": 19
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"0-9",
"10-19",
"100-109",
"140-149",
"150-159",
"20-29",
"280-289",
"290-299",
"30-39",
"40-49",
"50-59",
"60-69",
"70-79",
"80-89",
"90-99",
"\u5176\u4ed6\u4ef7\u683c\u6bb5"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u4ef7\u683c\u6bb5\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_f5a80ef4e89b45c7b8f562b47710f465.setOption(option_f5a80ef4e89b45c7b8f562b47710f465);
</script>
<br/> <div id="bf7ce4d0e5644718bebafc4573fe7fd9" class="chart-container" style="width:1200px; height:600px;"></div>
<script>
var chart_bf7ce4d0e5644718bebafc4573fe7fd9 = echarts.init(
document.getElementById('bf7ce4d0e5644718bebafc4573fe7fd9'), 'white', {renderer: 'canvas'});
var option_bf7ce4d0e5644718bebafc4573fe7fd9 = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "pie",
"clockwise": true,
"data": [
{
"name": "10\u5355",
"value": 1
},
{
"name": "11\u5355",
"value": 1
},
{
"name": "17\u5355",
"value": 1
},
{
"name": "1\u5355",
"value": 74
},
{
"name": "28\u5355",
"value": 1
},
{
"name": "2\u5355",
"value": 15
},
{
"name": "3\u5355",
"value": 8
},
{
"name": "4\u5355",
"value": 6
},
{
"name": "5\u5355",
"value": 3
},
{
"name": "6\u5355",
"value": 1
},
{
"name": "7\u5355",
"value": 1
},
{
"name": "8\u5355",
"value": 2
}
],
"radius": [
"0%",
"75%"
],
"center": [
"50%",
"60%"
],
"label": {
"show": true,
"position": "top",
"margin": 8,
"formatter": "{b}: {c}({d}%)"
},
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4
}
}
],
"legend": [
{
"data": [
"10\u5355",
"11\u5355",
"17\u5355",
"1\u5355",
"28\u5355",
"2\u5355",
"3\u5355",
"4\u5355",
"5\u5355",
"6\u5355",
"7\u5355",
"8\u5355"
],
"selected": {},
"show": true,
"top": 50,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"showContent": true,
"alwaysShowContent": false,
"showDelay": 0,
"hideDelay": 100,
"textStyle": {
"fontSize": 14
},
"borderWidth": 0,
"padding": 5
},
"title": [
{
"text": "\u8ba2\u5355\u6570\u5360\u6bd4\n(\u53bb\u96640\u5143\u9886/1\u5143\u798f\u5229\u7b49)",
"padding": 5,
"itemGap": 10
}
]
};
chart_bf7ce4d0e5644718bebafc4573fe7fd9.setOption(option_bf7ce4d0e5644718bebafc4573fe7fd9);
</script>
<br/> </div>
<script>
$('#df50dff8dab444eeb14376a53b2414cc').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#df50dff8dab444eeb14376a53b2414cc>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#df50dff8dab444eeb14376a53b2414cc'), function() { chart_df50dff8dab444eeb14376a53b2414cc.resize()});
$('#4a8733999bc44b1a8dd92369800a0fbe').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#4a8733999bc44b1a8dd92369800a0fbe>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#4a8733999bc44b1a8dd92369800a0fbe'), function() { chart_4a8733999bc44b1a8dd92369800a0fbe.resize()});
$('#4a4ff6579fec4e1aa8ba18c38e6138cb').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#4a4ff6579fec4e1aa8ba18c38e6138cb>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#4a4ff6579fec4e1aa8ba18c38e6138cb'), function() { chart_4a4ff6579fec4e1aa8ba18c38e6138cb.resize()});
$('#502ec1f34eb9436992c0b9407742d1aa').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#502ec1f34eb9436992c0b9407742d1aa>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#502ec1f34eb9436992c0b9407742d1aa'), function() { chart_502ec1f34eb9436992c0b9407742d1aa.resize()});
$('#04e5f64ee4764fccb0f698ee31d2cb38').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#04e5f64ee4764fccb0f698ee31d2cb38>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#04e5f64ee4764fccb0f698ee31d2cb38'), function() { chart_04e5f64ee4764fccb0f698ee31d2cb38.resize()});
$('#f5a80ef4e89b45c7b8f562b47710f465').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#f5a80ef4e89b45c7b8f562b47710f465>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#f5a80ef4e89b45c7b8f562b47710f465'), function() { chart_f5a80ef4e89b45c7b8f562b47710f465.resize()});
$('#bf7ce4d0e5644718bebafc4573fe7fd9').resizable().draggable().css('border-style', 'dashed').css('border-width', '1px');$("#bf7ce4d0e5644718bebafc4573fe7fd9>div:nth-child(1)").width("100%").height("100%");
new ResizeSensor(jQuery('#bf7ce4d0e5644718bebafc4573fe7fd9'), function() { chart_bf7ce4d0e5644718bebafc4573fe7fd9.resize()});
var charts_id = ['df50dff8dab444eeb14376a53b2414cc','4a8733999bc44b1a8dd92369800a0fbe','4a4ff6579fec4e1aa8ba18c38e6138cb','502ec1f34eb9436992c0b9407742d1aa','04e5f64ee4764fccb0f698ee31d2cb38','f5a80ef4e89b45c7b8f562b47710f465','bf7ce4d0e5644718bebafc4573fe7fd9'];
function downloadCfg () {
const fileName = 'chart_config.json'
let downLink = document.createElement('a')
downLink.download = fileName
let result = []
for(let i=0; i<charts_id.length; i++) {
chart = $('#'+charts_id[i])
result.push({
cid: charts_id[i],
width: chart.css("width"),
height: chart.css("height"),
top: chart.offset().top + "px",
left: chart.offset().left + "px"
})
}
let blob = new Blob([JSON.stringify(result)])
downLink.href = URL.createObjectURL(blob)
document.body.appendChild(downLink)
downLink.click()
document.body.removeChild(downLink)
}
</script>
</body>
</html>
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