mirror of
https://github.com/LC044/WeChatMsg
synced 2024-11-15 22:41:20 +08:00
706 lines
30 KiB
HTML
706 lines
30 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!-- saved from url=(0167)http://m2.link/c/year2018/j3POd/?uid=53899B14C24F351212F4DC92673113FC&full_screen=true&keep_status_bar=true&top_bar_bg_color=f9f9f9&status_bar_type=dark&userid=2227269 -->
|
||
|
|
<html lang="en" class=" z-ios">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<meta name="format-detection" content="telephone=no">
|
||
|
|
<meta name="applicable-device" content="mobile">
|
||
|
|
<meta name="viewport"
|
||
|
|
content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
<title>年度聊天报告</title>
|
||
|
|
<meta name="yixin-share-desc" content="点击查看，我的年度聊天报告">
|
||
|
|
<!-- TODO 改成真实分享文案 -->
|
||
|
|
<meta name="yixin-share-image" content="https://p1.music.126.net/uLDm27B4bC_kKSD8le3WwA==/109951163754269117.jpg">
|
||
|
|
<link rel="shortcut icon" href="http://s1.music.126.net/style/favicon.ico">
|
||
|
|
<script src="./my_resource/raven.min.js"></script>
|
||
|
|
<script type="text/javascript" src="./my_resource/tool.min.js"></script>
|
||
|
|
<link href="./my_resource/vendors.a07adb27.css" rel="stylesheet">
|
||
|
|
<link href="./my_resource/main.ff465555.css" rel="stylesheet">
|
||
|
|
<style type="text/css">#__vconsole{color:#000;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}#__vconsole .vc-max-height{max-height:19.23076923em}#__vconsole .vc-max-height-line{max-height:3.38461538em}#__vconsole .vc-min-height{min-height:3.07692308em}#__vconsole dd,#__vconsole dl,#__vconsole pre{margin:0}#__vconsole .vc-switch{display:block;position:fixed;right:.76923077em;bottom:.76923077em;color:#fff;background-color:#04be02;line-height:1;font-size:1.07692308em;padding:.61538462em 1.23076923em;z-index:10000;border-radius:.30769231em;box-shadow:0 0 .61538462em rgba(0,0,0,.4)}#__vconsole .vc-mask{top:0;background:transparent;z-index:10001;transition:background .3s;-webkit-tap-highlight-color:transparent;overflow-y:scroll}#__vconsole .vc-mask,#__vconsole .vc-panel{display:none;position:fixed;left:0;right:0;bottom:0}#__vconsole .vc-panel{min-height:85%;z-index:10002;background-color:#efeff4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%)}#__vconsole .vc-tabbar{border-bottom:1px solid #d9d9d9;overflow-x:auto;height:3em;width:auto;white-space:nowrap}#__vconsole .vc-tabbar .vc-tab{display:inline-block;line-height:3em;padding:0 1.15384615em;border-right:1px solid #d9d9d9;text-decoration:none;color:#000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#__vconsole .vc-tabbar .vc-tab:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-tabbar .vc-tab.vc-actived{background-color:#fff}#__vconsole .vc-content{background-color:#fff;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.07692308em;left:0;right:0;bottom:3.07692308em;-webkit-overflow-scrolling:touch}#__vconsole .vc-content.vc-has-topbar{top:5.46153846em}#__vconsole .vc-topbar{background-color:#fbf9fe;display:flex;display:-webkit-box;flex-direction:row;flex-wrap:wrap;-webkit-box-direction:row;-webkit-flex-wrap:wrap;width:100%}#__vconsole .vc-topbar .vc-toptab{display:none;flex:1;-webkit-box-flex:1;line-height:2.30769231em;padding:0 1.15384615em;border-bottom:1px solid #d9d9d9;text-decoration:none;text-align:center;color:#000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#__vconsole .vc-topbar .vc-toptab.vc-toggle{display:block}#__vconsole .vc-topbar .vc-toptab:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-topbar .vc-toptab.vc-actived{border-bottom:1px solid #3e82f7}#__vconsole .vc-logbox{display:none;position:relative;min-height:100%}#__vconsole .vc-logbox i{font-style:normal}#__vconsole .vc-logbox .vc-log{padding-bottom:3em;-webkit-tap-highlight-color:transparent}#__vconsole .vc-logbox .vc-log:empty:before{content:"Empty";color:#999;position:absolute;top:45%;left:0;right:0;bottom:0;font-size:1.15384615em;text-align:center}#__vconsole .vc-logbox .vc-item{margin:0;padding:.46153846em .61538462em;overflow:hidden;line-height:1.3;border-bottom:1px solid #eee;word-break:break-word}#__vconsole .vc-logbox .vc-item-info{color:#6a5acd}#__vconsole .vc-logbox .vc-item-debug{color:#daa520}#__vconsole .vc-logbox .vc-item-warn{color:orange;border-color:#ffb930;background-color:#fffacd}#__vconsole .vc-logbox .vc-item-error{color:#dc143c;border-color:#f4a0ab;background-color:#ffe4e1}#__vconsole .vc-logbox .vc-log.vc-log-partly .vc-item{display:none}#__vconsole .vc-logbox .vc-log.vc-log-partly-error .vc-item-error,#__vconsole .vc-logbox .vc-log.vc-log-partly-info .vc-item-info,#__vconsole .vc-logbox .vc-log.vc-log-partly-log .vc-item-log,#__vconsole .vc-logbox .vc-log.vc-log-partly-warn .vc-item-warn{display:block}#__vconsole .vc-logbox .vc-item .vc-item-content{margin-right:4.61538462em;display:block}#__vconsole .vc-logbox .vc-item .vc-item-meta{color:#888;float:right;width:4.61538462em;text-align:right}#__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-content{margin-right:0}#__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-meta{display:none}#__vconsole .vc-logbox .vc-item .vc-item-code{display:block;white-space:pre-wrap;overflow:auto;p
|
||
|
|
0 .76923077em 1.53846154em;border-bottom:1px solid #eee}#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-detail{display:block;background-color:#fbf9fe}#__vconsole .vc-logbox .vc-group.vc-actived .vc-table-row{background-color:#fff}#__vconsole .vc-logbox .vc-group.vc-actived .vc-group-preview{background-color:#fbf9fe}#__vconsole .vc-logbox .vc-table .vc-table-row{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;-webkit-box-direction:row;-webkit-flex-wrap:wrap;overflow:hidden;border-bottom:1px solid #eee}#__vconsole .vc-logbox .vc-table .vc-table-row.vc-left-border{border-left:1px solid #eee}#__vconsole .vc-logbox .vc-table .vc-table-col{flex:1;-webkit-box-flex:1;padding:.23076923em .30769231em;border-left:1px solid #eee;overflow:auto;white-space:pre-wrap;word-break:break-word;-webkit-overflow-scrolling:touch}#__vconsole .vc-logbox .vc-table .vc-table-col:first-child{border:none}#__vconsole .vc-logbox .vc-table .vc-small .vc-table-col{padding:0 .30769231em;font-size:.92307692em}#__vconsole .vc-logbox .vc-table .vc-table-col-2{flex:2;-webkit-box-flex:2}#__vconsole .vc-logbox .vc-table .vc-table-col-3{flex:3;-webkit-box-flex:3}#__vconsole .vc-logbox .vc-table .vc-table-col-4{flex:4;-webkit-box-flex:4}#__vconsole .vc-logbox .vc-table .vc-table-col-5{flex:5;-webkit-box-flex:5}#__vconsole .vc-logbox .vc-table .vc-table-col-6{flex:6;-webkit-box-flex:6}#__vconsole .vc-logbox .vc-table .vc-table-row-error{border-color:#f4a0ab;background-color:#ffe4e1}#__vconsole .vc-logbox .vc-table .vc-table-row-error .vc-table-col{color:#dc143c;border-color:#f4a0ab}#__vconsole .vc-logbox .vc-table .vc-table-col-title{font-weight:700}#__vconsole .vc-logbox.vc-actived{display:block}#__vconsole .vc-toolbar{border-top:1px solid #d9d9d9;line-height:3em;position:absolute;left:0;right:0;bottom:0;display:flex;display:-webkit-box;flex-direction:row;-webkit-box-direction:row}#__vconsole .vc-toolbar .vc-tool{display:none;text-decoration:none;color:#000;width:50%;flex:1;-webkit-box-flex:1;text-align:center;position:relative;-webkit-touch-callout:none}#__vconsole .vc-toolbar .vc-tool.vc-global-tool,#__vconsole .vc-toolbar .vc-tool.vc-toggle{display:block}#__vconsole .vc-toolbar .vc-tool:active{background-color:rgba(0,0,0,.15)}#__vconsole .vc-toolbar .vc-tool:after{content:" ";position:absolute;top:.53846154em;bottom:.53846154em;right:0;border-left:1px solid #d9d9d9}#__vconsole .vc-toolbar .vc-tool-last:after{border:none}#__vconsole.vc-toggle .vc-switch{display:none}#__vconsole.vc-toggle .vc-mask{background:rgba(0,0,0,.6);display:block}#__vconsole.vc-toggle .vc-panel{-webkit-transform:translate(0);transform:translate(0)}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<style type="text/css">
|
||
|
|
.vcelm-node{color:#183691}.vcelm-k{color:#0086b3}.vcelm-v{color:#905}.vcelm-l{padding-left:8px;position:relative;word-wrap:break-word;line-height:1}.vcelm-l.vc-toggle>.vcelm-node{display:block}.vcelm-l .vcelm-node:active{background-color:rgba(0,0,0,.15)}.vcelm-l.vcelm-noc .vcelm-node:active{background-color:transparent}.vcelm-t{white-space:pre-wrap;word-wrap:break-word}.vcelm-l .vcelm-l{display:none}.vcelm-l.vc-toggle>.vcelm-l{margin-left:4px;display:block}.vcelm-l:before{content:"";display:block;position:absolute;top:6px;left:3px;width:0;height:0;border:3px solid transparent;border-left-color:#000}.vcelm-l.vc-toggle:before{display:block;top:6px;left:0;border-top-color:#000;border-left-color:transparent}.vcelm-l.vcelm-noc:before{display:none}
|
||
|
|
.typing {
|
||
|
|
width: 21em;
|
||
|
|
height: 1.5em;
|
||
|
|
border-right: 2px solid transparent;
|
||
|
|
animation: typing 1s steps(42, end), blink-caret .75s step-end infinite;
|
||
|
|
font-family: Consolas, Monaco;
|
||
|
|
word-break: break-all;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 打印效果 */
|
||
|
|
@keyframes typing {
|
||
|
|
from {
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
width: 21em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 光标 */
|
||
|
|
@keyframes blink-caret {
|
||
|
|
|
||
|
|
from,
|
||
|
|
to {
|
||
|
|
border-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
border-color: currentColor;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript" charset="UTF-8" async="" src="./my_resource/watchman.min.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div style="margin:0 auto; width:0; height:0; overflow:hidden;">
|
||
|
|
<!-- TODO 分享图片 -->
|
||
|
|
<img id="out-share-pic" src="./my_resource/FtW_Z9lkb47ObTsGSSBlPg==_19135900369963408" width="580"></div>
|
||
|
|
<div id="j-root" class="g-bd">
|
||
|
|
<div class="m-app">
|
||
|
|
<div class="m-module m-module-report z-modshow">
|
||
|
|
<div class="m-reportcontent f-page">
|
||
|
|
<div class="m-page m-page-cover f-page">
|
||
|
|
<div id="comp"
|
||
|
|
style="transform: translate3d(0px, 0px, 0px) rotate(0.0001deg); transform-style: preserve-3d; backface-visibility: hidden;">
|
||
|
|
<div data-depth="0" class="id8_bggpngc"
|
||
|
|
style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: relative; display: block; left: 0px; top: 0px;">
|
||
|
|
<div id="id8_bggpng"></div>
|
||
|
|
</div>
|
||
|
|
<div data-depth="0.4" class="id7_stars2pngc"
|
||
|
|
style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: absolute; display: block; left: 0px; top: 0px;">
|
||
|
|
<div id="id7_stars2png"></div>
|
||
|
|
</div>
|
||
|
|
<div data-depth="0.7" class="id6_stars1pngc"
|
||
|
|
style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: absolute; display: block; left: 0px; top: 0px;">
|
||
|
|
<div id="id6_stars1png"></div>
|
||
|
|
</div>
|
||
|
|
<div data-depth="0.2" class="id4_middlePlanetpngc"
|
||
|
|
style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: absolute; display: block; left: 0px; top: 0px;">
|
||
|
|
<div id="id4_middlePlanetpng"></div>
|
||
|
|
</div>
|
||
|
|
<div id="no2"
|
||
|
|
style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: absolute; display: block; left: 0px; top: 0px;">
|
||
|
|
<div id="liuxing2"></div>
|
||
|
|
<div id="id5_manwithbigplanetpng"></div>
|
||
|
|
<div class="logotxt ">
|
||
|
|
<span class="f-thide2">Norcy</span></div>
|
||
|
|
<div class="tt"></div>
|
||
|
|
<div id="id2_gxpng"></div>
|
||
|
|
<div id="id1_lightNotepng"></div>
|
||
|
|
<div class="enter">进入</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="egg_tips"></div>
|
||
|
|
</div>
|
||
|
|
<div class="m-page m-page-02 f-page z-enter">
|
||
|
|
<div class="bg f-page"></div>
|
||
|
|
<div class="mountain">
|
||
|
|
<div class="piece piece-1"></div>
|
||
|
|
<div class="piece piece-2"></div>
|
||
|
|
</div>
|
||
|
|
<div class="j-art02 clanche" style="transform: scale(0.5);">
|
||
|
|
<div class="id22_line4png">
|
||
|
|
<div class="id24_yinfu4"></div>
|
||
|
|
<div class="id23_yinfu5"></div>
|
||
|
|
</div>
|
||
|
|
<div class="id20_line3png">
|
||
|
|
<div class="id19_yinfu31">
|
||
|
|
<div class="id21_yinfu32png"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="id20_line3png">
|
||
|
|
<div class="id19_yinfu31"></div>
|
||
|
|
</div>
|
||
|
|
<div class="id17_line2png">
|
||
|
|
<div class="id16_yinfu21">
|
||
|
|
<div class="id18_yinfu22"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="id17_line2png">
|
||
|
|
<div class="id16_yinfu21"></div>
|
||
|
|
</div>
|
||
|
|
<div class="id14_line1png">
|
||
|
|
<div class="id7_yinfu11">
|
||
|
|
<div class="id6_tou">
|
||
|
|
<div class="P1hair"></div>
|
||
|
|
</div>
|
||
|
|
<div class="id13_shenti"></div>
|
||
|
|
<div class="id11_2xiaotui">
|
||
|
|
<div class="id12_2jiojiopng"></div>
|
||
|
|
</div>
|
||
|
|
<div class="id8_1datui">
|
||
|
|
<div class="id9_1xiaotui">
|
||
|
|
<div class="id10_1jiojiopng"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="id15_yinfu12"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="id14_line1png">
|
||
|
|
<div class="id7_yinfu11">
|
||
|
|
<div class="id4_dabi">
|
||
|
|
<div class="id3_yifu"></div>
|
||
|
|
<div class="id2_xiaobi">
|
||
|
|
<div class="id1_hand"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="paras" style="font-size:20px !important">
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.2s;">过去的日子里</p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.3s;">我们一共发送了
|
||
|
|
<em class="s-fcRed f-fw1">91835</em>条消息</p>
|
||
|
|
<p class="typing">总计
|
||
|
|
<em class="s-fcRed f-fw1">388161</em>字</p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.4s;"> </p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.5s;">
|
||
|
|
我们的聊天似乎没有规律</p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.6s;">
|
||
|
|
<em class="s-fcRed">八月份</em>我们一共发送了<em class="s-fcRed">11629</em>条信息</p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.6s;">
|
||
|
|
对你的话说不完</p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.7s;"> </p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.6s;">但
|
||
|
|
<em class="s-fcRed">六月份</em>只有<em class="s-fcRed">2139</em>条信息</p>
|
||
|
|
<p class="para f-animLineUp" style="transition-delay: 0.7s;"> 大概，我们有时候也想静静</p>
|
||
|
|
</div>
|
||
|
|
<div id="3d9bc167542041d9a6c6e46a6d8e5dba" class="chart-container" style="width:800px; height:450px;margin: auto;top:15% "></div>
|
||
|
|
</div>
|
||
|
|
<!-- <div class="open-text"><img src="my_resource/qr.png" alt=""></div>-->
|
||
|
|
<div class="m-btmbar"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="j-preloader" class="m-preloader f-page z-hide">
|
||
|
|
<div class="content">
|
||
|
|
<div class="icon">
|
||
|
|
<div class="shadow"></div>
|
||
|
|
</div>
|
||
|
|
<div id="j-progress" class="progress"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
|
||
|
|
<script>
|
||
|
|
var chart_3d9bc167542041d9a6c6e46a6d8e5dba = echarts.init(
|
||
|
|
document.getElementById('3d9bc167542041d9a6c6e46a6d8e5dba'), 'white', {renderer: 'canvas'});
|
||
|
|
var option_3d9bc167542041d9a6c6e46a6d8e5dba = {
|
||
|
|
"animation": true,
|
||
|
|
"animationThreshold": 2000,
|
||
|
|
"animationDuration": 1000,
|
||
|
|
"animationEasing": "cubicOut",
|
||
|
|
"animationDelay": 0,
|
||
|
|
"animationDurationUpdate": 300,
|
||
|
|
"animationEasingUpdate": "cubicOut",
|
||
|
|
"animationDelayUpdate": 0,
|
||
|
|
"aria": {
|
||
|
|
"enabled": false
|
||
|
|
},
|
||
|
|
"color": [
|
||
|
|
"#5470c6",
|
||
|
|
"#91cc75",
|
||
|
|
"#fac858",
|
||
|
|
"#ee6666",
|
||
|
|
"#73c0de",
|
||
|
|
"#3ba272",
|
||
|
|
"#fc8452",
|
||
|
|
"#9a60b4",
|
||
|
|
"#ea7ccc"
|
||
|
|
],
|
||
|
|
"series": [
|
||
|
|
{
|
||
|
|
"type": "bar",
|
||
|
|
"name": "\u6d88\u606f\u6570\u91cf",
|
||
|
|
"legendHoverLink": true,
|
||
|
|
"data": [
|
||
|
|
5070,
|
||
|
|
6358,
|
||
|
|
4456,
|
||
|
|
9113,
|
||
|
|
2139,
|
||
|
|
1817,
|
||
|
|
11629,
|
||
|
|
7666,
|
||
|
|
3938,
|
||
|
|
165,
|
||
|
|
16
|
||
|
|
],
|
||
|
|
"realtimeSort": false,
|
||
|
|
"showBackground": false,
|
||
|
|
"stackStrategy": "samesign",
|
||
|
|
"cursor": "pointer",
|
||
|
|
"barMinHeight": 0,
|
||
|
|
"barCategoryGap": "20%",
|
||
|
|
"barGap": "30%",
|
||
|
|
"large": false,
|
||
|
|
"largeThreshold": 400,
|
||
|
|
"seriesLayoutBy": "column",
|
||
|
|
"datasetIndex": 0,
|
||
|
|
"clip": true,
|
||
|
|
"zlevel": 0,
|
||
|
|
"z": 2,
|
||
|
|
"label": {
|
||
|
|
"show": true,
|
||
|
|
"margin": 8
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"legend": [
|
||
|
|
{
|
||
|
|
"data": [
|
||
|
|
"\u6d88\u606f\u6570\u91cf"
|
||
|
|
],
|
||
|
|
"selected": {
|
||
|
|
"\u6d88\u606f\u6570\u91cf": true
|
||
|
|
},
|
||
|
|
"show": true,
|
||
|
|
"padding": 5,
|
||
|
|
"itemGap": 10,
|
||
|
|
"itemWidth": 25,
|
||
|
|
"itemHeight": 14,
|
||
|
|
"backgroundColor": "transparent",
|
||
|
|
"borderColor": "#ccc",
|
||
|
|
"borderWidth": 1,
|
||
|
|
"borderRadius": 0,
|
||
|
|
"pageButtonItemGap": 5,
|
||
|
|
"pageButtonPosition": "end",
|
||
|
|
"pageFormatter": "{current}/{total}",
|
||
|
|
"pageIconColor": "#2f4554",
|
||
|
|
"pageIconInactiveColor": "#aaa",
|
||
|
|
"pageIconSize": 15,
|
||
|
|
"animationDurationUpdate": 800,
|
||
|
|
"selector": false,
|
||
|
|
"selectorPosition": "auto",
|
||
|
|
"selectorItemGap": 7,
|
||
|
|
"selectorButtonGap": 10
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"tooltip": {
|
||
|
|
"show": true,
|
||
|
|
"trigger": "item",
|
||
|
|
"triggerOn": "mousemove|click",
|
||
|
|
"axisPointer": {
|
||
|
|
"type": "line"
|
||
|
|
},
|
||
|
|
"showContent": true,
|
||
|
|
"alwaysShowContent": false,
|
||
|
|
"showDelay": 0,
|
||
|
|
"hideDelay": 100,
|
||
|
|
"enterable": false,
|
||
|
|
"confine": false,
|
||
|
|
"appendToBody": false,
|
||
|
|
"transitionDuration": 0.4,
|
||
|
|
"textStyle": {
|
||
|
|
"fontSize": 14
|
||
|
|
},
|
||
|
|
"borderWidth": 0,
|
||
|
|
"padding": 5,
|
||
|
|
"order": "seriesAsc"
|
||
|
|
},
|
||
|
|
"xAxis": [
|
||
|
|
{
|
||
|
|
"show": true,
|
||
|
|
"scale": false,
|
||
|
|
"nameLocation": "end",
|
||
|
|
"nameGap": 15,
|
||
|
|
"gridIndex": 0,
|
||
|
|
"inverse": false,
|
||
|
|
"offset": 0,
|
||
|
|
"splitNumber": 5,
|
||
|
|
"minInterval": 0,
|
||
|
|
"splitLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"show": true,
|
||
|
|
"width": 1,
|
||
|
|
"opacity": 1,
|
||
|
|
"curveness": 0,
|
||
|
|
"type": "solid"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"data": [
|
||
|
|
"2022-01",
|
||
|
|
"2022-02",
|
||
|
|
"2022-03",
|
||
|
|
"2022-04",
|
||
|
|
"2022-05",
|
||
|
|
"2022-07",
|
||
|
|
"2022-08",
|
||
|
|
"2022-09",
|
||
|
|
"2022-10",
|
||
|
|
"2022-11",
|
||
|
|
"2022-12"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"yAxis": [
|
||
|
|
{
|
||
|
|
"show": true,
|
||
|
|
"scale": false,
|
||
|
|
"nameLocation": "end",
|
||
|
|
"nameGap": 15,
|
||
|
|
"gridIndex": 0,
|
||
|
|
"inverse": false,
|
||
|
|
"offset": 0,
|
||
|
|
"splitNumber": 5,
|
||
|
|
"minInterval": 0,
|
||
|
|
"splitLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"show": true,
|
||
|
|
"width": 1,
|
||
|
|
"opacity": 1,
|
||
|
|
"curveness": 0,
|
||
|
|
"type": "solid"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"title": [
|
||
|
|
{
|
||
|
|
"show": true,
|
||
|
|
"text": "\u9010\u6708\u7edf\u8ba1",
|
||
|
|
"target": "blank",
|
||
|
|
"subtarget": "blank",
|
||
|
|
"padding": 5,
|
||
|
|
"itemGap": 10,
|
||
|
|
"textAlign": "auto",
|
||
|
|
"textVerticalAlign": "auto",
|
||
|
|
"triggerEvent": false
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"toolbox": {
|
||
|
|
"show": true,
|
||
|
|
"orient": "horizontal",
|
||
|
|
"itemSize": 15,
|
||
|
|
"itemGap": 10,
|
||
|
|
"left": "80%",
|
||
|
|
"feature": {
|
||
|
|
"saveAsImage": {
|
||
|
|
"type": "png",
|
||
|
|
"backgroundColor": "auto",
|
||
|
|
"connectedBackgroundColor": "#fff",
|
||
|
|
"show": true,
|
||
|
|
"title": "\u4fdd\u5b58\u4e3a\u56fe\u7247",
|
||
|
|
"pixelRatio": 1
|
||
|
|
},
|
||
|
|
"restore": {
|
||
|
|
"show": true,
|
||
|
|
"title": "\u8fd8\u539f"
|
||
|
|
},
|
||
|
|
"dataView": {
|
||
|
|
"show": true,
|
||
|
|
"title": "\u6570\u636e\u89c6\u56fe",
|
||
|
|
"readOnly": false,
|
||
|
|
"lang": [
|
||
|
|
"\u6570\u636e\u89c6\u56fe",
|
||
|
|
"\u5173\u95ed",
|
||
|
|
"\u5237\u65b0"
|
||
|
|
],
|
||
|
|
"backgroundColor": "#fff",
|
||
|
|
"textareaColor": "#fff",
|
||
|
|
"textareaBorderColor": "#333",
|
||
|
|
"textColor": "#000",
|
||
|
|
"buttonColor": "#c23531",
|
||
|
|
"buttonTextColor": "#fff"
|
||
|
|
},
|
||
|
|
"dataZoom": {
|
||
|
|
"show": true,
|
||
|
|
"title": {
|
||
|
|
"zoom": "\u533a\u57df\u7f29\u653e",
|
||
|
|
"back": "\u533a\u57df\u7f29\u653e\u8fd8\u539f"
|
||
|
|
},
|
||
|
|
"icon": {},
|
||
|
|
"filterMode": "filter"
|
||
|
|
},
|
||
|
|
"magicType": {
|
||
|
|
"show": true,
|
||
|
|
"type": [
|
||
|
|
"line",
|
||
|
|
"bar",
|
||
|
|
"stack",
|
||
|
|
"tiled"
|
||
|
|
],
|
||
|
|
"title": {
|
||
|
|
"line": "\u5207\u6362\u4e3a\u6298\u7ebf\u56fe",
|
||
|
|
"bar": "\u5207\u6362\u4e3a\u67f1\u72b6\u56fe",
|
||
|
|
"stack": "\u5207\u6362\u4e3a\u5806\u53e0",
|
||
|
|
"tiled": "\u5207\u6362\u4e3a\u5e73\u94fa"
|
||
|
|
},
|
||
|
|
"icon": {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"dataZoom": {
|
||
|
|
"show": true,
|
||
|
|
"type": "slider",
|
||
|
|
"showDetail": true,
|
||
|
|
"showDataShadow": true,
|
||
|
|
"realtime": true,
|
||
|
|
"start": 20,
|
||
|
|
"end": 80,
|
||
|
|
"orient": "horizontal",
|
||
|
|
"zoomLock": false,
|
||
|
|
"filterMode": "filter"
|
||
|
|
}
|
||
|
|
};
|
||
|
|
chart_3d9bc167542041d9a6c6e46a6d8e5dba.setOption(option_3d9bc167542041d9a6c6e46a6d8e5dba);
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">!
|
||
|
|
function(c) {
|
||
|
|
function e(e) {
|
||
|
|
for (var r, t, n = e[0], o = e[1], u = e[2], i = 0, l = []; i < n.length; i++) t = n[i],
|
||
|
|
a[t] && l.push(a[t][0]),
|
||
|
|
a[t] = 0;
|
||
|
|
for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (c[r] = o[r]);
|
||
|
|
for (s && s(e); l.length;) l.shift()();
|
||
|
|
return p.push.apply(p, u || []),
|
||
|
|
f()
|
||
|
|
}
|
||
|
|
function f() {
|
||
|
|
for (var e, r = 0; r < p.length; r++) {
|
||
|
|
for (var t = p[r], n = !0, o = 1; o < t.length; o++) {
|
||
|
|
var u = t[o];
|
||
|
|
0 !== a[u] && (n = !1)
|
||
|
|
}
|
||
|
|
n && (p.splice(r--, 1), e = i(i.s = t[0]))
|
||
|
|
}
|
||
|
|
return e
|
||
|
|
}
|
||
|
|
var t = {},
|
||
|
|
a = {
|
||
|
|
1 : 0
|
||
|
|
},
|
||
|
|
p = [];
|
||
|
|
function i(e) {
|
||
|
|
if (t[e]) return t[e].exports;
|
||
|
|
var r = t[e] = {
|
||
|
|
i: e,
|
||
|
|
l: !1,
|
||
|
|
exports: {}
|
||
|
|
};
|
||
|
|
return c[e].call(r.exports, r, r.exports, i),
|
||
|
|
r.l = !0,
|
||
|
|
r.exports
|
||
|
|
}
|
||
|
|
i.m = c,
|
||
|
|
i.c = t,
|
||
|
|
i.d = function(e, r, t) {
|
||
|
|
i.o(e, r) || Object.defineProperty(e, r, {
|
||
|
|
enumerable: !0,
|
||
|
|
get: t
|
||
|
|
})
|
||
|
|
},
|
||
|
|
i.r = function(e) {
|
||
|
|
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
|
||
|
|
value: "Module"
|
||
|
|
}),
|
||
|
|
Object.defineProperty(e, "__esModule", {
|
||
|
|
value: !0
|
||
|
|
})
|
||
|
|
},
|
||
|
|
i.t = function(r, e) {
|
||
|
|
if (1 & e && (r = i(r)), 8 & e) return r;
|
||
|
|
if (4 & e && "object" == typeof r && r && r.__esModule) return r;
|
||
|
|
var t = Object.create(null);
|
||
|
|
if (i.r(t), Object.defineProperty(t, "default", {
|
||
|
|
enumerable: !0,
|
||
|
|
value: r
|
||
|
|
}), 2 & e && "string" != typeof r) for (var n in r) i.d(t, n,
|
||
|
|
function(e) {
|
||
|
|
return r[e]
|
||
|
|
}.bind(null, n));
|
||
|
|
return t
|
||
|
|
},
|
||
|
|
i.n = function(e) {
|
||
|
|
var r = e && e.__esModule ?
|
||
|
|
function() {
|
||
|
|
return e.
|
||
|
|
default
|
||
|
|
}:
|
||
|
|
function() {
|
||
|
|
return e
|
||
|
|
};
|
||
|
|
return i.d(r, "a", r),
|
||
|
|
r
|
||
|
|
},
|
||
|
|
i.o = function(e, r) {
|
||
|
|
return Object.prototype.hasOwnProperty.call(e, r)
|
||
|
|
},
|
||
|
|
i.p = "//s5.music.126.net/static_public/5c21db8d4684556c72180904/";
|
||
|
|
var r = window.webpackJsonp = window.webpackJsonp || [],
|
||
|
|
n = r.push.bind(r);
|
||
|
|
r.push = e,
|
||
|
|
r = r.slice();
|
||
|
|
for (var o = 0; o < r.length; o++) e(r[o]);
|
||
|
|
var s = n;
|
||
|
|
f()
|
||
|
|
} ([]);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript" src="./my_resource/vendors.9fee400a.js"></script>
|
||
|
|
<script type="text/javascript" src="./my_resource/main.17f67bd0.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
showshi();
|
||
|
|
function showshi()
|
||
|
|
{
|
||
|
|
var s= document.getElementById("wai");
|
||
|
|
if(parseInt(s.style.width)<500)
|
||
|
|
{
|
||
|
|
var w=parseInt(s.style.width)+1;
|
||
|
|
s.style.width=w+"px";
|
||
|
|
window.setTimeout("showshi()",20);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|