未验证 提交 ce0b2c0f 编写于 作者: journey2018's avatar journey2018 提交者: GitHub

Merge pull request #371 from qiaozhanwei/branch-1.0.2

remove dist
.hljs{display:block;overflow-x:auto;padding:0.5em;background:white;color:black}.hljs-comment,.hljs-quote,.hljs-variable{color:#008000}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af}.hljs-doctag{color:#808080}.hljs-attr{color:#f00}.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
.jtk-node{position:absolute}.jtk-group{position:absolute;overflow:visible}[jtk-group-content]{position:relative}.katavorio-clone-drag{pointer-events:none}.jtk-surface{overflow:hidden!important;position:relative;cursor:move;cursor:-moz-grab;cursor:-webkit-grab;touch-action:none}.jtk-surface-panning{cursor:-moz-grabbing;cursor:-webkit-grabbing;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jtk-surface-canvas{overflow:visible!important}.jtk-surface-droppable-node{touch-action:none}.jtk-surface-nopan{overflow:scroll!important;cursor:default}.jtk-surface-tile{border:none;outline:0;margin:0;-webkit-transition:opacity .3s ease .15s;-moz-transition:opacity .3s ease .15s;-o-transition:opacity .3s ease .15s;-ms-transition:opacity .3s ease .15s;transition:opacity .3s ease .15s}.jtk-lasso{border:2px solid #3177b8;background-color:#f5f5f5;opacity:.5;display:none;z-index:20000;position:absolute}.jtk-lasso-select-defeat *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jtk-lasso-mask{position:fixed;z-index:20000;display:none;opacity:.5;background-color:#07234e;top:0;bottom:0;left:0;right:0}.jtk-surface-selected-element{border:2px dashed #f76258!important}.jtk-surface-pan{background-color:Azure;opacity:.4;text-align:center;cursor:pointer;z-index:2;-webkit-transition:background-color .15s ease-in;-moz-transition:background-color .15s ease-in;-o-transition:background-color .15s ease-in;transition:background-color .15s ease-in}.jtk-surface-pan-bottom,.jtk-surface-pan-top{width:100%;height:20px}.jtk-surface-pan-bottom:hover,.jtk-surface-pan-left:hover,.jtk-surface-pan-right:hover,.jtk-surface-pan-top:hover{opacity:.6;background-color:#3177b8;color:#fff;font-weight:700}.jtk-surface-pan-left,.jtk-surface-pan-right{width:20px;height:100%;line-height:40}.jtk-surface-pan-active,.jtk-surface-pan-active:hover{background-color:#f76258}.jtk-miniview{overflow:hidden!important;width:125px;height:125px;position:relative;background-color:#b2c9cd;border:1px solid #e2e6cd;border-radius:4px;opacity:.8}.jtk-miniview-panner{border:5px dotted #f5f5f5;opacity:.4;background-color:#4f6f7e;cursor:move;cursor:-moz-grab;cursor:-webkit-grab}.jtk-miniview-panning{cursor:-moz-grabbing;cursor:-webkit-grabbing}.jtk-miniview-element{background-color:#607a86;position:absolute}.jtk-miniview-group-element{background:0 0;border:2px solid #607a86}.jtk-miniview-collapse{color:#f5f5f5;position:absolute;font-size:18px;top:-1px;right:3px;cursor:pointer;font-weight:700}.jtk-miniview-collapse:before{content:"\2012"}.jtk-miniview-collapsed{background-color:#449ea6;border-radius:4px;height:22px;margin-right:0;padding:4px;width:21px}.jtk-miniview-collapsed .jtk-miniview-element,.jtk-miniview-collapsed .jtk-miniview-panner{visibility:hidden}.jtk-miniview-collapsed .jtk-miniview-collapse:before{content:"+"}.jtk-miniview-collapse:hover{color:#e4f013}.jtk-dialog-underlay{left:0;right:0;top:0;bottom:0;position:fixed;z-index:100000;opacity:.8;background-color:#ccc;display:none}.jtk-dialog-overlay{position:fixed;z-index:100001;display:none;background-color:#fff;font-family:"Open Sans",sans-serif;padding:7px;box-shadow:0 0 5px gray;overflow:hidden}.jtk-dialog-overlay-x{max-height:0;transition:max-height .5s ease-in;-moz-transition:max-height .5s ease-in;-ms-transition:max-height .5s ease-in;-o-transition:max-height .5s ease-in;-webkit-transition:max-height .5s ease-in}.jtk-dialog-overlay-y{max-width:0;transition:max-width .5s ease-in;-moz-transition:max-width .5s ease-in;-ms-transition:max-width .5s ease-in;-o-transition:max-width .5s ease-in;-webkit-transition:max-width .5s ease-in}.jtk-dialog-overlay-top{top:20px}.jtk-dialog-overlay-bottom{bottom:20px}.jtk-dialog-overlay-left{left:20px}.jtk-dialog-overlay-right{right:20px}.jtk-dialog-overlay-x.jtk-dialog-overlay-visible{max-height:1000px}.jtk-dialog-overlay-y.jtk-dialog-overlay-visible{max-width:1000px}.jtk-dialog-buttons{text-align:right;margin-top:5px}.jtk-dialog-button{border:none;cursor:pointer;margin-right:5px;min-width:56px;background-color:#fff;outline:1px solid #ccc}.jtk-dialog-button:hover{color:#fff;background-color:#234b5e}.jtk-dialog-title{text-align:left;font-size:14px;margin-bottom:9px}.jtk-dialog-content{font-size:12px;text-align:left;min-width:250px;margin:0 14px}.jtk-dialog-content ul{width:100%;padding-left:0}.jtk-dialog-content label{cursor:pointer;font-weight:inherit}.jtk-dialog-overlay input,.jtk-dialog-overlay textarea{background-color:#fff;border:1px solid #ccc;color:#333;font-size:14px;font-style:normal;outline:0;padding:6px 4px;margin-right:6px}.jtk-dialog-overlay input:focus,.jtk-dialog-overlay textarea:focus{background-color:#cbeae1;border:1px solid #83b8a8;color:#333;font-size:14px;font-style:normal;outline:0}.jtk-draw-skeleton{position:absolute;left:0;right:0;top:0;bottom:0;outline:2px solid #84acb3;opacity:.8}.jtk-draw-handle{position:absolute;width:7px;height:7px;background-color:#84acb3}.jtk-draw-handle-tl{left:0;top:0;cursor:nw-resize}.jtk-draw-handle-tr{right:0;top:0;cursor:ne-resize}.jtk-draw-handle-bl{left:0;bottom:0;cursor:sw-resize}.jtk-draw-handle-br{bottom:0;right:0;cursor:se-resize}.jtk-draw-drag{display:none;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;background-color:#84acb3;cursor:move}.jtk-drag-select-defeat *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}
.cm-s-mdn-like.CodeMirror{color:#999;background-color:#fff}.cm-s-mdn-like .CodeMirror-line::selection,.cm-s-mdn-like .CodeMirror-line>span::selection,.cm-s-mdn-like .CodeMirror-line>span>span::selection,.cm-s-mdn-like div.CodeMirror-selected{background:#cfc}.cm-s-mdn-like .CodeMirror-line::-moz-selection,.cm-s-mdn-like .CodeMirror-line>span::-moz-selection,.cm-s-mdn-like .CodeMirror-line>span>span::-moz-selection{background:#cfc}.cm-s-mdn-like .CodeMirror-gutters{background:#f8f8f8;border-left:6px solid rgba(0,83,159,.65);color:#333}.cm-s-mdn-like .CodeMirror-linenumber{color:#aaa;padding-left:8px}.cm-s-mdn-like .CodeMirror-cursor{border-left:2px solid #222}.cm-s-mdn-like .cm-keyword{color:#6262FF}.cm-s-mdn-like .cm-atom{color:#F90}.cm-s-mdn-like .cm-number{color:#ca7841}.cm-s-mdn-like .cm-def{color:#8DA6CE}.cm-s-mdn-like span.cm-tag,.cm-s-mdn-like span.cm-variable-2{color:#690}.cm-s-mdn-like .cm-variable,.cm-s-mdn-like span.cm-def,.cm-s-mdn-like span.cm-variable-3{color:#07a}.cm-s-mdn-like .cm-property{color:#905}.cm-s-mdn-like .cm-qualifier{color:#690}.cm-s-mdn-like .cm-operator{color:#cda869}.cm-s-mdn-like .cm-comment{color:#777;font-weight:400}.cm-s-mdn-like .cm-string{color:#07a;font-style:italic}.cm-s-mdn-like .cm-string-2{color:#bd6b18}.cm-s-mdn-like .cm-meta{color:#000}.cm-s-mdn-like .cm-builtin{color:#9B7536}.cm-s-mdn-like .cm-tag{color:#997643}.cm-s-mdn-like .cm-attribute{color:#d6bb6d}.cm-s-mdn-like .cm-header{color:#FF6400}.cm-s-mdn-like .cm-hr{color:#AEAEAE}.cm-s-mdn-like .cm-link{color:#ad9361;font-style:italic;text-decoration:none}.cm-s-mdn-like .cm-error{border-bottom:1px solid red}div.cm-s-mdn-like .CodeMirror-activeline-background{background:#efefff}div.cm-s-mdn-like span.CodeMirror-matchingbracket{outline:grey solid 1px;color:inherit}.cm-s-mdn-like.CodeMirror{background-image:url(/~/codemirror/5.20.0/theme/mdn-like.min.css)}
.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}
此差异已折叠。
此差异已折叠。
此差异已折叠。
Not found
\ No newline at end of file
此差异已折叠。
此差异已折叠。
<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="标题"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="format-detection" content="telphone=no, email=no"><meta name="screen-orientation" content="portrait"><meta name="x5-orientation" content="portrait"><meta name="theme-color" content="#4a8dee"><meta name="msapplication-navbutton-color" content="#4a8dee"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="shortcut icon" href="/images/favicon.ico"><link href="/combo/1.0.0/base.css?v1.0.0.1" rel="stylesheet"><link href="/combo/1.0.0/3rd.css?v1.0.0.1" rel="stylesheet"><!--[if lt IE 9]>
<script src="/combo/1.0.0/es5.js"></script>
<![endif]--><script>let NODE_ENV = 'true'</script><title>EasyScheduler</title><link href="/css/common.8ba9af7.css" rel="stylesheet"><link href="/css/home/index.b444b91.css" rel="stylesheet"></head><body><div id="app"></div><div id="contextmenu" class="contextmenu"></div><div class="global-loading"><div class="svg-box"><svg class="lds-gears" width="54px" height="54px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="translate(50 50)"><g transform="translate(-19 -19) scale(0.6)"><g transform="rotate(107.866)"><animateTransform attributeName="transform" type="rotate" values="0;360" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animateTransform><path
d="M37.3496987939662 -7 L47.3496987939662 -7 L47.3496987939662 7 L37.3496987939662 7 A38 38 0 0 1 31.359972760794346 21.46047782418268 L31.359972760794346 21.46047782418268 L38.431040572659825 28.531545636048154 L28.531545636048154 38.431040572659825 L21.46047782418268 31.359972760794346 A38 38 0 0 1 7.0000000000000036 37.3496987939662 L7.0000000000000036 37.3496987939662 L7.000000000000004 47.3496987939662 L-6.999999999999999 47.3496987939662 L-7 37.3496987939662 A38 38 0 0 1 -21.46047782418268 31.35997276079435 L-21.46047782418268 31.35997276079435 L-28.531545636048154 38.431040572659825 L-38.43104057265982 28.531545636048158 L-31.359972760794346 21.460477824182682 A38 38 0 0 1 -37.3496987939662 7.000000000000007 L-37.3496987939662 7.000000000000007 L-47.3496987939662 7.000000000000008 L-47.3496987939662 -6.9999999999999964 L-37.3496987939662 -6.999999999999997 A38 38 0 0 1 -31.35997276079435 -21.460477824182675 L-31.35997276079435 -21.460477824182675 L-38.431040572659825 -28.531545636048147 L-28.53154563604818 -38.4310405726598 L-21.4604778241827 -31.35997276079433 A38 38 0 0 1 -6.999999999999992 -37.3496987939662 L-6.999999999999992 -37.3496987939662 L-6.999999999999994 -47.3496987939662 L6.999999999999977 -47.3496987939662 L6.999999999999979 -37.3496987939662 A38 38 0 0 1 21.460477824182686 -31.359972760794342 L21.460477824182686 -31.359972760794342 L28.531545636048158 -38.43104057265982 L38.4310405726598 -28.53154563604818 L31.35997276079433 -21.4604778241827 A38 38 0 0 1 37.3496987939662 -6.999999999999995 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23"
fill="#0097e0"></path></g></g><g transform="translate(19 19) scale(0.6)"><g transform="rotate(229.634)"><animateTransform attributeName="transform" type="rotate" values="360;0" keyTimes="0;1" dur="1s" begin="-0.0625s" repeatCount="indefinite"></animateTransform><path
d="M37.3496987939662 -7 L47.3496987939662 -7 L47.3496987939662 7 L37.3496987939662 7 A38 38 0 0 1 31.359972760794346 21.46047782418268 L31.359972760794346 21.46047782418268 L38.431040572659825 28.531545636048154 L28.531545636048154 38.431040572659825 L21.46047782418268 31.359972760794346 A38 38 0 0 1 7.0000000000000036 37.3496987939662 L7.0000000000000036 37.3496987939662 L7.000000000000004 47.3496987939662 L-6.999999999999999 47.3496987939662 L-7 37.3496987939662 A38 38 0 0 1 -21.46047782418268 31.35997276079435 L-21.46047782418268 31.35997276079435 L-28.531545636048154 38.431040572659825 L-38.43104057265982 28.531545636048158 L-31.359972760794346 21.460477824182682 A38 38 0 0 1 -37.3496987939662 7.000000000000007 L-37.3496987939662 7.000000000000007 L-47.3496987939662 7.000000000000008 L-47.3496987939662 -6.9999999999999964 L-37.3496987939662 -6.999999999999997 A38 38 0 0 1 -31.35997276079435 -21.460477824182675 L-31.35997276079435 -21.460477824182675 L-38.431040572659825 -28.531545636048147 L-28.53154563604818 -38.4310405726598 L-21.4604778241827 -31.35997276079433 A38 38 0 0 1 -6.999999999999992 -37.3496987939662 L-6.999999999999992 -37.3496987939662 L-6.999999999999994 -47.3496987939662 L6.999999999999977 -47.3496987939662 L6.999999999999979 -37.3496987939662 A38 38 0 0 1 21.460477824182686 -31.359972760794342 L21.460477824182686 -31.359972760794342 L28.531545636048158 -38.43104057265982 L38.4310405726598 -28.53154563604818 L31.35997276079433 -21.4604778241827 A38 38 0 0 1 37.3496987939662 -6.999999999999995 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23"
fill="#7f8b95"></path></g></g></g></svg> <span class="sp1">Loading ...</span></div></div><script src="/combo/1.0.0/3rd.js?v1.0.0.1"></script><script src="/js/common.3af51f0.js"></script><script src="/js/home/index.574a699.js"></script></body></html>
\ No newline at end of file
webpackJsonp([47],{221:function(e,t,o){"use strict";t.__esModule=!0;var s=i(o(36)),n=i(o(25));function i(e){return e&&e.__esModule?e:{default:e}}t.default={name:"login-model",data:function(){return{spinnerLoading:!1,userName:"",userPassword:"",isUserName:!1,isUserPassword:!1,userNameText:"",userPasswordText:""}},props:{},methods:{_ok:function(){var e=this;this._verification()&&(this.spinnerLoading=!0,this._gLogin().then(function(t){setTimeout(function(){e.spinnerLoading=!1,"admin"===e.userName?window.location.href="/#/security/tenant":window.location.href="/#/home"},1e3)}).catch(function(t){e.userPasswordText=t.msg,e.isUserPassword=!0,e.spinnerLoading=!1}))},_verification:function(){var e=!0;return this.userName||(this.userNameText=""+s.default.$t("Please enter user name"),this.isUserName=!0,e=!1),this.userPassword||(this.userPasswordText=""+s.default.$t("Please enter your password"),this.isUserPassword=!0,e=!1),e},_gLogin:function(){var e=this;return new Promise(function(t,o){n.default.post("login",{userName:e.userName,userPassword:e.userPassword},function(e){t(e)}).catch(function(e){o(e)})})}},watch:{userName:function(){this.isUserName=!1},userPassword:function(){this.isUserPassword=!1}},created:function(){},mounted:function(){}}},24:function(e,t){e.exports=Vue},30:function(e,t){e.exports=_},598:function(e,t,o){"use strict";var s=l(o(71)),n=l(o(24)),i=l(o(599)),r=l(o(36));o(219);var a=l(o(220));function l(e){return e&&e.__esModule?e:{default:e}}o(604),n.default.use(a.default),n.default.config.devtools=!0,n.default.config.productionTip=!0,n.default.config.silent=!0,new n.default({el:"#app",render:function(e){return e(i.default)},mounted:function(){},methods:{initApp:function(){var e=s.default.fn.tooltip.noConflict();s.default.fn.tooltip=e,(0,s.default)("body").tooltip({selector:'[data-toggle="tooltip"]',trigger:"hover"}),r.default.init()}},created:function(){this.initApp()}})},599:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=o(221),n=o.n(s);for(var i in s)"default"!==i&&function(e){o.d(t,e,function(){return s[e]})}(i);var r=o(603);var a=function(e){o(600)},l=o(29)(n.a,r.a,!1,a,null,null);t.default=l.exports},600:function(e,t,o){var s=o(601);"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);o(35)("44eee55a",s,!0,{})},601:function(e,t,o){var s=o(125);(e.exports=o(34)(!1)).push([e.i,".login-model{width:400px;min-height:260px;background:#fff;border-radius:3px;position:fixed;left:50%;top:50%;margin-left:-200px;margin-top:-200px;z-index:1;box-shadow:0 2px 25px 0 rgba(0,0,0,.3)}.login-model .text-1{padding-top:30px;margin-bottom:-6px}.login-model .text-1 a{width:280px;height:60px;display:block;background:url("+s(o(602))+");margin:0 auto}.login-model .from-model{padding:30px 20px}.login-model .from-model .list{margin-bottom:24px}.login-model .from-model .list>label{font-size:14px;display:block;height:24px;line-height:24px;font-weight:400;color:#333}.login-model .from-model .list>.error{font-size:12px;color:red;padding-top:6px}.login-model .from-model .list:last-child{margin-bottom:6px}.login-model .ctr{width:400px;text-align:center;position:absolute;left:0;bottom:-80px;color:#fff}",""])},602:function(e,t,o){e.exports=o.p+"images/login-logo.png?ddbe8d0df16b034ed1d2e2142c4c4233"},603:function(e,t,o){"use strict";var s={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"login-model"},[e._m(0),e._v(" "),o("div",{staticClass:"from-model"},[o("div",{staticClass:"list"},[o("label",[e._v(e._s(e.$t("User Name")))]),e._v(" "),o("div",[o("x-input",{attrs:{size:"large",type:"text",placeholder:e.$t("Please enter user name"),maxlength:"20"},on:{"on-enterkey":e._ok},model:{value:e.userName,callback:function(t){e.userName=t},expression:"userName"}})],1),e._v(" "),e.isUserPassword?o("p",{staticClass:"error"},[e._v("\n "+e._s(e.userNameText)+"\n ")]):e._e()]),e._v(" "),o("div",{staticClass:"list"},[o("label",[e._v(e._s(e.$t("Password")))]),e._v(" "),o("div",[o("x-input",{attrs:{type:"password",size:"large",placeholder:e.$t("Please enter your password"),maxlength:"20"},on:{"on-enterkey":e._ok},model:{value:e.userPassword,callback:function(t){e.userPassword=t},expression:"userPassword"}})],1),e._v(" "),e.isUserPassword?o("p",{staticClass:"error"},[e._v("\n "+e._s(e.userPasswordText)+"\n ")]):e._e()]),e._v(" "),o("div",{staticClass:"list",staticStyle:{"margin-top":"10px"}},[o("x-button",{attrs:{type:"primary",shape:"circle",size:"large",loading:e.spinnerLoading,long:""},on:{click:e._ok}},[e._v(e._s(e.spinnerLoading?"Loading...":" "+e.$t("Login")+" ")+" ")])],1)]),e._v(" "),o("div",{staticClass:"ctr"},[e._v("Copyright © 2019 Analysys Inc.")])])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"text-1"},[t("a",{attrs:{href:"javascript:"}})])}]};t.a=s},604:function(e,t){},71:function(e,t){e.exports=$}},[598]);
//# sourceMappingURL=index.97eaebb.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/js/conf/login/App.vue","webpack:///external \"Vue\"","webpack:///external \"_\"","webpack:///./src/js/conf/login/index.js","webpack:///./src/js/conf/login/App.vue","webpack:///./src/js/conf/login/App.vue?bb53","webpack:///./src/js/conf/login/App.vue?3bd0","webpack:///./src/js/conf/login/img/login-logo.png","webpack:///./src/js/conf/login/App.vue?7211","webpack:///external \"$\""],"names":["__webpack_require__","name","data","spinnerLoading","userName","userPassword","isUserName","isUserPassword","userNameText","userPasswordText","props","methods","_ok","_this","this","_verification","_gLogin","then","res","setTimeout","window","location","href","catch","e","msg","flag","_i18n2","default","$t","_this2","Promise","resolve","reject","_io2","post","watch","created","mounted","module","exports","Vue","_","use","ans","config","devtools","productionTip","silent","el","render","h","App","initApp","bootstrapTooltip","$","fn","tooltip","noConflict","_jquery2","selector","trigger","i18n","init","Object","defineProperty","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue___default","n","__WEBPACK_IMPORT_KEY__","key","d","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_d0ee4864_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__","__vue_styles__","ssrContext","Component","normalizeComponent","a","content","i","locals","escape","push","p","esExports","_vm","_h","$createElement","_c","_self","staticClass","_m","_v","_s","attrs","size","type","placeholder","maxlength","on","on-enterkey","model","callback","$$v","expression","_e","staticStyle","margin-top","shape","loading","long","click","staticRenderFns"],"mappings":"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","file":"js/login/index.97eaebb.js","sourcesContent":["<template>\n <div class=\"login-model\">\n <div class=\"text-1\">\n <a href=\"javascript:\"></a>\n </div>\n <div class=\"from-model\">\n <div class=\"list\">\n <label>{{$t('User Name')}}</label>\n <div>\n <x-input\n size=\"large\"\n type=\"text\"\n v-model=\"userName\"\n :placeholder=\"$t('Please enter user name')\"\n maxlength=\"20\"\n @on-enterkey=\"_ok\">\n </x-input>\n </div>\n <p class=\"error\" v-if=\"isUserPassword\">\n {{userNameText}}\n </p>\n </div>\n <div class=\"list\">\n <label>{{$t('Password')}}</label>\n <div>\n <x-input\n type=\"password\"\n size=\"large\"\n v-model=\"userPassword\"\n :placeholder=\"$t('Please enter your password')\"\n maxlength=\"20\"\n @on-enterkey=\"_ok\">\n </x-input>\n </div>\n <p class=\"error\" v-if=\"isUserPassword\">\n {{userPasswordText}}\n </p>\n </div>\n <div class=\"list\" style=\"margin-top: 10px;\">\n <x-button type=\"primary\" shape=\"circle\" size=\"large\" :loading=\"spinnerLoading\" long @click=\"_ok\">{{spinnerLoading ? 'Loading...' : ` ${$t('Login')} `}} </x-button>\n </div>\n </div>\n <div class=\"ctr\">Copyright © 2019 Analysys Inc.</div>\n </div>\n</template>\n<script>\n import i18n from '@/module/i18n'\n import io from '@/module/io'\n\n export default {\n name: 'login-model',\n data () {\n return {\n spinnerLoading: false,\n userName: '',\n userPassword: '',\n isUserName: false,\n isUserPassword: false,\n userNameText: '',\n userPasswordText: ''\n }\n },\n props: {},\n methods: {\n _ok () {\n if (this._verification()) {\n this.spinnerLoading = true\n this._gLogin().then(res => {\n setTimeout(() => {\n this.spinnerLoading = false\n if (this.userName === 'admin') {\n window.location.href = '/#/security/tenant'\n } else {\n window.location.href = '/#/home'\n }\n }, 1000)\n }).catch(e => {\n this.userPasswordText = e.msg\n this.isUserPassword = true\n this.spinnerLoading = false\n })\n }\n },\n _verification () {\n let flag = true\n if (!this.userName) {\n this.userNameText = `${i18n.$t('Please enter user name')}`\n this.isUserName = true\n flag = false\n }\n if (!this.userPassword) {\n this.userPasswordText = `${i18n.$t('Please enter your password')}`\n this.isUserPassword = true\n flag = false\n }\n return flag\n },\n _gLogin () {\n return new Promise((resolve, reject) => {\n io.post(`login`, {\n userName: this.userName,\n userPassword: this.userPassword\n }, res => {\n resolve(res)\n }).catch(e => {\n reject(e)\n })\n })\n }\n },\n watch: {\n userName () {\n this.isUserName = false\n },\n userPassword () {\n this.isUserPassword = false\n }\n },\n created () {\n },\n mounted () {\n }\n }\n</script>\n\n<style lang=\"scss\" rel=\"stylesheet/scss\">\n .login-model {\n width: 400px;\n min-height: 260px;\n background: #fff;\n border-radius: 3px;\n position: fixed;\n left:50%;\n top: 50%;\n margin-left: -200px;\n margin-top: -200px;\n z-index: 1;\n box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, .3);\n .text-1 {\n padding-top: 30px;\n margin-bottom: -6px;\n a {\n width: 280px;\n height: 60px;\n display: block;\n background: url(\"img/login-logo.png\");\n margin: 0 auto;\n }\n }\n .from-model {\n padding: 30px 20px;\n .list {\n margin-bottom: 24px;\n >label {\n font-size: 14px;\n display: block;\n height: 24px;\n line-height: 24px;\n font-weight: normal;\n color: #333;\n }\n >.error {\n font-size: 12px;\n color: #ff0000;\n padding-top: 6px;\n }\n &:last-child {\n margin-bottom: 6px;\n }\n }\n }\n .ctr {\n width: 400px;\n text-align: center;\n position: absolute;\n left: 0;\n bottom: -80px;\n color: #fff;\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/js/conf/login/App.vue","module.exports = Vue;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Vue\"\n// module id = 24\n// module chunks = 46 47","module.exports = _;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"_\"\n// module id = 30\n// module chunks = 46 47","/*\n * Licensed to the Apache Software Foundation (ASF) under one or more\n * contributor license agreements. See the NOTICE file distributed with\n * this work for additional information regarding copyright ownership.\n * The ASF licenses this file to You under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with\n * the License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport $ from 'jquery'\nimport Vue from 'vue'\nimport App from './App'\nimport i18n from '@/module/i18n'\nimport '~/@analysys/ans-ui/lib/ans-ui.min.css'\nimport ans from '~/@analysys/ans-ui/lib/ans-ui.min'\n\nimport 'sass/conf/login/index.scss'\n\nVue.use(ans)\n\nVue.config.devtools = true\nVue.config.productionTip = true\nVue.config.silent = true\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n render: h => h(App),\n mounted () {\n },\n methods: {\n initApp () {\n let bootstrapTooltip = $.fn.tooltip.noConflict()\n $.fn.tooltip = bootstrapTooltip\n $('body').tooltip({\n selector: '[data-toggle=\"tooltip\"]',\n trigger: 'hover'\n })\n // Component internationalization\n i18n.init()\n }\n },\n created () {\n this.initApp()\n }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/js/conf/login/index.js","function injectStyle (ssrContext) {\n require(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d0ee4864\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-d0ee4864\\\",\\\"hasScoped\\\":false,\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/conf/login/App.vue\n// module id = 599\n// module chunks = 47","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?minimize!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-d0ee4864\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/lib/loader.js!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./App.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-loader/node_modules/vue-style-loader/lib/addStylesClient.js\")(\"44eee55a\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-d0ee4864\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/js/conf/login/App.vue\n// module id = 600\n// module chunks = 47","var escape = require(\"../../../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".login-model{width:400px;min-height:260px;background:#fff;border-radius:3px;position:fixed;left:50%;top:50%;margin-left:-200px;margin-top:-200px;z-index:1;box-shadow:0 2px 25px 0 rgba(0,0,0,.3)}.login-model .text-1{padding-top:30px;margin-bottom:-6px}.login-model .text-1 a{width:280px;height:60px;display:block;background:url(\" + escape(require(\"./img/login-logo.png\")) + \");margin:0 auto}.login-model .from-model{padding:30px 20px}.login-model .from-model .list{margin-bottom:24px}.login-model .from-model .list>label{font-size:14px;display:block;height:24px;line-height:24px;font-weight:400;color:#333}.login-model .from-model .list>.error{font-size:12px;color:red;padding-top:6px}.login-model .from-model .list:last-child{margin-bottom:6px}.login-model .ctr{width:400px;text-align:center;position:absolute;left:0;bottom:-80px;color:#fff}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-d0ee4864\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/js/conf/login/App.vue\n// module id = 601\n// module chunks = 47","module.exports = __webpack_public_path__ + \"images/login-logo.png?ddbe8d0df16b034ed1d2e2142c4c4233\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/conf/login/img/login-logo.png\n// module id = 602\n// module chunks = 47","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-model\"},[_vm._m(0),_vm._v(\" \"),_c('div',{staticClass:\"from-model\"},[_c('div',{staticClass:\"list\"},[_c('label',[_vm._v(_vm._s(_vm.$t('User Name')))]),_vm._v(\" \"),_c('div',[_c('x-input',{attrs:{\"size\":\"large\",\"type\":\"text\",\"placeholder\":_vm.$t('Please enter user name'),\"maxlength\":\"20\"},on:{\"on-enterkey\":_vm._ok},model:{value:(_vm.userName),callback:function ($$v) {_vm.userName=$$v},expression:\"userName\"}})],1),_vm._v(\" \"),(_vm.isUserPassword)?_c('p',{staticClass:\"error\"},[_vm._v(\"\\n \"+_vm._s(_vm.userNameText)+\"\\n \")]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"list\"},[_c('label',[_vm._v(_vm._s(_vm.$t('Password')))]),_vm._v(\" \"),_c('div',[_c('x-input',{attrs:{\"type\":\"password\",\"size\":\"large\",\"placeholder\":_vm.$t('Please enter your password'),\"maxlength\":\"20\"},on:{\"on-enterkey\":_vm._ok},model:{value:(_vm.userPassword),callback:function ($$v) {_vm.userPassword=$$v},expression:\"userPassword\"}})],1),_vm._v(\" \"),(_vm.isUserPassword)?_c('p',{staticClass:\"error\"},[_vm._v(\"\\n \"+_vm._s(_vm.userPasswordText)+\"\\n \")]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"list\",staticStyle:{\"margin-top\":\"10px\"}},[_c('x-button',{attrs:{\"type\":\"primary\",\"shape\":\"circle\",\"size\":\"large\",\"loading\":_vm.spinnerLoading,\"long\":\"\"},on:{\"click\":_vm._ok}},[_vm._v(_vm._s(_vm.spinnerLoading ? 'Loading...' : (\" \" + (_vm.$t('Login')) + \" \"))+\" \")])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"ctr\"},[_vm._v(\"Copyright © 2019 Analysys Inc.\")])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-1\"},[_c('a',{attrs:{\"href\":\"javascript:\"}})])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-d0ee4864\",\"hasScoped\":false,\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/js/conf/login/App.vue\n// module id = 603\n// module chunks = 47","module.exports = $;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"$\"\n// module id = 71\n// module chunks = 46 47"],"sourceRoot":""}
\ No newline at end of file
# ana-charts
echarts 扩展
## 安装
```
npm i @analysys/ana-charts
```
## 特性
- 统一的数据结构
- 支持 ECharts 原生操作
## 快速开始
### 全量导入
```html
<template>
<div>
<div id="chart" style="height:500px"></div>
</div>
</template>
<script>
import Chart from '@analysys/ana-charts'
export default {
mounted () {
Chart.line('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 }
])
}
}
</script>
```
### 按需导入
```html
<template>
<div>
<div id="chart" style="height:500px"></div>
</div>
</template>
<script>
import { Line } from '@analysys/ana-charts'
export default {
mounted () {
Line.init('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 }
])
}
}
</script>
```
## APIs
### 一般用法
``` js
const myChart = Chart.line(el, data, options)
// const myChart = Chart.bar(el, data, options)
// const myChart = Chart.pie(el, data, options)
// const myChart = Chart.radar(el, data, options)
// const myChart = Chart.funnel(el, data, options)
// const myChart = Chart.scatter(el, data, options)
// 刷新数据
myChart.setData(data)
```
### 注入属性
``` js
// 以 line 折线图为例,bar、funnel、pie、scatter 均可使用
Chart.line(el, data, {
insertSeries: [
{
// index 可选 `all`,`start`,`end`,也可指定需要被注入的索引数组,如 [0, 2, 4]
index: 'all',
// 以下属性会被注入到指定的序列中
areaStyle: {}
}
]
})
```
### ECharts 对象
> 初始化图表后返回的对象上保存了 ECharts 对象的引用,可以通过该属性来设置图表配置和监听事件
``` js
const myChart = Chart.line(el, data, options)
// 设置可配置项
myChart.echart.setOption({
// 与 ECharts 参考文档用法一致
})
```
### 折线图
#### 基本用法
``` js
Chart.line('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 },
...
])
```
#### 多条折线图
``` js
Chart.line('#chart', [
{ typeName: 'apple', key: 'Monday', value: 1 },
{ typeName: 'apple', key: 'Tuesday', value: 2 },
{ typeName: 'apple', key: 'Wednesday', value: 3 },
{ typeName: 'pear', key: 'Monday', value: 11 },
{ typeName: 'pear', key: 'Tuesday', value: 21 },
{ typeName: 'pear', key: 'Wednesday', value: 31 },
{ typeName: 'banana', key: 'Monday', value: 31 },
{ typeName: 'banana', key: 'Tuesday', value: 32 },
{ typeName: 'banana', key: 'Wednesday', value: 33 },
...
])
```
#### options 可配置参数
| 属性 | 说明 | required | 类型 | 默认值 |
| :----| :------| :--------| :---:| :------|
| title | 图表标题 | - | String | '单条折线图' 或 '多条折线图' |
| keyMap | 数据列表的属性字典 | - | Object | 详见后续属性 |
| keyMap.xAxisKey | x 轴对应的属性名称 | - | String | 'key' |
| keyMap.dataKey | 数据值对应的属性名称 | - | String | 'value' |
| keyMap.legendKey | 图例对应的属性名称 | - | String | 'typeName' |
| reverseAxis | 是否为横向图 | - | Boolean | false |
### 柱状图
#### 基本用法
``` js
Chart.bar('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 },
...
])
```
#### 多条柱状图
``` js
Chart.bar('#chart', [
{ typeName: 'apple', key: 'Monday', value: 1 },
{ typeName: 'apple', key: 'Tuesday', value: 2 },
{ typeName: 'apple', key: 'Wednesday', value: 3 },
{ typeName: 'pear', key: 'Monday', value: 11 },
{ typeName: 'pear', key: 'Tuesday', value: 21 },
{ typeName: 'pear', key: 'Wednesday', value: 31 },
{ typeName: 'banana', key: 'Monday', value: 31 },
{ typeName: 'banana', key: 'Tuesday', value: 32 },
{ typeName: 'banana', key: 'Wednesday', value: 33 },
...
])
```
#### 折柱混合图
``` js
Chart.bar('#chart', [
{ typeName: 'apple', key: 'Monday', value: 1 },
{ typeName: 'apple', key: 'Tuesday', value: 2 },
{ typeName: 'apple', key: 'Wednesday', value: 3 },
{ typeName: 'pear', key: 'Monday', value: 11 },
{ typeName: 'pear', key: 'Tuesday', value: 21 },
{ typeName: 'pear', key: 'Wednesday', value: 31 },
{ typeName: 'banana', key: 'Monday', value: 31 },
{ typeName: 'banana', key: 'Tuesday', value: 32 },
{ typeName: 'banana', key: 'Wednesday', value: 33 },
...
], {
lineTypes: ['banana']
})
```
#### 时间轴柱状图
``` js
Chart.bar('#chart', [
{ timeline: 2015, typeName: 'apple', key: 'Monday', value: 1 },
{ timeline: 2015, typeName: 'apple', key: 'Tuesday', value: 2 },
{ timeline: 2015, typeName: 'apple', key: 'Wednesday', value: 3 },
{ timeline: 2015, typeName: 'pear', key: 'Monday', value: 11 },
{ timeline: 2015, typeName: 'pear', key: 'Tuesday', value: 21 },
{ timeline: 2015, typeName: 'pear', key: 'Wednesday', value: 31 },
{ timeline: 2015, typeName: 'banana', key: 'Monday', value: 31 },
{ timeline: 2015, typeName: 'banana', key: 'Tuesday', value: 32 },
{ timeline: 2015, typeName: 'banana', key: 'Wednesday', value: 33 },
{ timeline: 2016, typeName: 'apple', key: 'Monday', value: 1 },
{ timeline: 2016, typeName: 'apple', key: 'Tuesday', value: 2 },
{ timeline: 2016, typeName: 'apple', key: 'Wednesday', value: 3 },
{ timeline: 2016, typeName: 'pear', key: 'Monday', value: 11 },
{ timeline: 2016, typeName: 'pear', key: 'Tuesday', value: 21 },
{ timeline: 2016, typeName: 'pear', key: 'Wednesday', value: 31 },
{ timeline: 2016, typeName: 'banana', key: 'Monday', value: 31 },
{ timeline: 2016, typeName: 'banana', key: 'Tuesday', value: 32 },
{ timeline: 2016, typeName: 'banana', key: 'Wednesday', value: 33 },
...
], {
// 可以使用 $timeline 进行占位,该字符串将替换为 timeline 属性的值
title: '$timeline时间轴柱状图'
})
```
#### options 可配置参数
| 属性 | 说明 | required | 类型 | 默认值 |
| :----| :------| :--------| :---:| :------|
| title | 图表标题 | - | String | '单条柱状图' 或 '多条柱状图' |
| keyMap | 数据列表的属性字典 | - | Object | 详见后续属性 |
| keyMap.xAxisKey | x 轴对应的属性名称 | - | String | 'key' |
| keyMap.dataKey | 数据值对应的属性名称 | - | String | 'value' |
| keyMap.legendKey | 图例对应的属性名称 | - | String | 'typeName' |
| keyMap.timelineKey | 时间轴对应的属性名称 | - | String | 'timeline' |
| reverseAxis | 是否为横向图 | - | Boolean | false |
| stack | 是否为堆叠图 | - | Boolean | false |
| lineTypes | 折柱混合图中折线数据对应的图例名称数组 | - | Array | - |
| yAxis | 自定义的 y 轴,请参考 echarts 配置 | - | Object | - |
### 饼状图
#### 基本用法
``` js
Chart.pie('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 },
...
])
```
#### 环形图
``` js
Chart.pie('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 },
...
], {
ring: true
})
```
#### options 可配置参数
| 属性 | 说明 | required | 类型 | 默认值 |
| :----| :------| :--------| :---:| :------|
| title | 图表标题 | - | String | '饼图' |
| keyMap | 数据列表的属性字典 | - | Object | 详见后续属性 |
| keyMap.textKey | 文本对应的属性名称 | - | String | 'key' |
| keyMap.dataKey | 数据值对应的属性名称 | - | String | 'value' |
| ring | 是否环形图 | - | Boolean | false |
### 雷达图
#### 基本用法
``` js
Chart.radar('#chart', [
{ typeName: 'apple', key: 'Monday', value: 1 },
{ typeName: 'apple', key: 'Tuesday', value: 2 },
{ typeName: 'apple', key: 'Wednesday', value: 3 },
{ typeName: 'pear', key: 'Monday', value: 11 },
{ typeName: 'pear', key: 'Tuesday', value: 21 },
{ typeName: 'pear', key: 'Wednesday', value: 31 },
{ typeName: 'banana', key: 'Monday', value: 31 },
{ typeName: 'banana', key: 'Tuesday', value: 32 },
{ typeName: 'banana', key: 'Wednesday', value: 33 },
...
])
```
#### options 可配置参数
| 属性 | 说明 | required | 类型 | 默认值 |
| :----| :------| :--------| :---:| :------|
| title | 图表标题 | - | String | '雷达图' |
| keyMap | 数据列表的属性字典 | - | Object | 详见后续属性 |
| keyMap.textKey | 指标对应的属性名称 | - | String | 'key' |
| keyMap.dataKey | 数据值对应的属性名称 | - | String | 'value' |
| keyMap.legendKey | 图例对应的属性名称 | - | String | 'typeName' |
### 漏斗图
#### 基本用法
``` js
Chart.funnel('#chart', [
{ key: 'Monday', value: 1 },
{ key: 'Tuesday', value: 2 },
{ key: 'Wednesday', value: 3 },
...
])
```
#### options 可配置参数
| 属性 | 说明 | required | 类型 | 默认值 |
| :----| :------| :--------| :---:| :------|
| title | 图表标题 | - | String | '漏斗图' |
| keyMap | 数据列表的属性字典 | - | Object | 详见后续属性 |
| keyMap.textKey | 文本对应的属性名称 | - | String | 'key' |
| keyMap.dataKey | 数据值对应的属性名称 | - | String | 'value' |
### 气泡图
#### 基本用法
``` js
Chart.scatter('#chart', [
{ typeName: 'apple', text: 'Monday', x: 1, y: 1, size: 1 },
{ typeName: 'apple', text: 'Tuesday', x: 2, y: 2, size: 2 },
{ typeName: 'apple', text: 'Wednesday', x: 3, y: 3, size: 3 },
{ typeName: 'pear', text: 'Monday', x: 11, y: 11, size: 11 },
{ typeName: 'pear', text: 'Tuesday', x: 21, y: 21, size: 21 },
{ typeName: 'pear', text: 'Wednesday', x: 31, y: 31, size: 31 },
{ typeName: 'banana', text: 'Monday', x: 31, y: 31, size: 31 },
{ typeName: 'banana', text: 'Tuesday', x: 32, y: 32, size: 32 },
{ typeName: 'banana', text: 'Wednesday', x: 33, y: 33, size: 33 },
...
])
```
#### options 可配置参数
| 属性 | 说明 | required | 类型 | 默认值 |
| :----| :------| :--------| :---:| :------|
| title | 图表标题 | - | String | '气泡图' |
| keyMap | 数据列表的属性字典 | - | Object | 详见后续属性 |
| keyMap.xKey | x 坐标对应的属性名称 | - | String | 'x' |
| keyMap.yKey | y 坐标对应的属性名称 | - | String | 'y' |
| keyMap.sizeKey | 气泡大小对应的属性名称 | - | String | 'size' |
| keyMap.textKey | 气泡文本对应的属性名称 | - | String | 'text' |
| keyMap.legendKey | 图例对应的属性名称 | - | String | 'typeName' |
### 全局配置
#### 主题
注册并按需使用
``` js
import themeData from './theme.json'
// 注册主题
Chart.config({
theme: {
name: 'themeName',
data: themeData
}
})
// 使用主题
Chart.line('#chart', data, { theme: 'themeName' })
```
注册并全局使用
``` js
import themeData from './theme.json'
// 注册为默认主题后,所有的图表均使用该主题,不需要特别指定
Chart.config({
theme: {
name: 'themeName',
data: themeData,
default: true
}
})
```
### 实例 API
| 方法 | 说明 | 参数 | 参数类型 | 返回值 |
| :----| :------| :--------| :---:| :------|
| setData | 重新设置数据 | data | Array | - |
## License
[MIT](http://opensource.org/licenses/MIT)
/**
* webpack config
*
* author: liuxin(liuxin@analysys.com.cn)
*/
const path = require('path')
const glob = require('globby')
const isProduction = process.env.NODE_ENV !== 'development'
const resolve = dir => path.join(__dirname, '..', dir)
const assetsDir = resolve('src')
const distDir = resolve('dist')
const baseConfig = {
entry: {
'index': glob.sync(['index.js'], { cwd: assetsDir })
},
output: {
path: distDir
},
module: {
rules: [
{
test: /\.js$/,
exclude: file => (
/node_modules/.test(file) &&
!/\.vue\.js/.test(file)
),
use: [
{
loader: 'babel-loader',
options: {
cacheDirectory: true,
cacheIdentifier: true
}
}
]
}
]
},
resolve: {
modules: [
resolve('node_modules'),
resolve('src')
],
extensions: ['.js', '.json', '.vue', '.scss']
},
externals: {
'vue': 'Vue',
'echarts': 'echarts'
}
}
module.exports = {
isProduction,
assetsDir,
distDir,
baseConfig
}
/**
* webpack config for production
*
* author: liuxin(liuxin@analysys.com.cn)
*/
const webpack = require('webpack')
const merge = require('webpack-merge')
const { baseConfig } = require('./config')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
const config = merge.smart(baseConfig, {
devtool: 'source-map',
output: {
filename: '[name].js',
libraryTarget: 'umd',
umdNamedDefine: false
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
hotReload: false
}
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
use: [
'css-loader',
{
loader: 'postcss-loader',
options: {
plugins: (loader) => [
require('autoprefixer')({
'browsers': ['ie > 8', 'last 2 version', 'safari >= 9']
}),
require('cssnano')
]
}
}
],
fallback: ['vue-style-loader']
})
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({
use: [
'css-loader',
'sass-loader',
{
loader: 'postcss-loader',
options: {
plugins: (loader) => [
require('autoprefixer')({
'browsers': ['ie > 8', 'last 2 version', 'safari >= 9']
}),
require('cssnano')
]
}
}
],
fallback: ['vue-style-loader']
})
}
]
},
plugins: [
new VueLoaderPlugin(),
new ExtractTextPlugin({ filename: '[name].css', allChunks: true }),
new webpack.optimize.OccurrenceOrderPlugin(),
new OptimizeCssAssetsPlugin({
assetNameRegExp: /\.css$/g,
cssProcessor: require('cssnano'),
cssProcessorOptions: { discardComments: { removeAll: true } },
canPrint: true
}),
new UglifyJSPlugin({
parallel: true,
sourceMap: true,
uglifyOptions: {
compress: {
drop_console: true,
drop_debugger: true
},
comments: function (n, c) {
/*! IMPORTANT: Please preserve 3rd-party library license info, inspired from @allex/amd-build-worker/config/util.js */
var text = c.value, type = c.type
if (type === 'comment2') {
return /^!|@preserve|@license|@cc_on|MIT/i.test(text)
}
}
}
})
]
})
module.exports = config
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("echarts"));else if("function"==typeof define&&define.amd)define(["echarts"],t);else{var n="object"==typeof exports?t(require("echarts")):t(e.echarts);for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t,n){"use strict";t.__esModule=!0;t.init=function(e,t,n,i){var r=function(e){if(!e)return;if("string"==typeof e)if(e.startsWith("#"))e=document.getElementById(e.slice(1));else{if(!e.startsWith("."))return;e=document.getElementsByClassName(e.slice(1))}if(!e)throw new Error("找不到对应的dom对象!");var t=void 0;t=HTMLElement.prototype.isPrototypeOf(e)?new Array(e):Array.from(e);if(!t)throw new Error("未找到对应的dom对象!");return t}(t),a=Object.assign({},{data:n},i),o=r.map(function(t){return new e(t,a)});return 1===o.length?o[0]:o};t.checkKeyInModel=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];var r=n,a=Array.isArray(r),o=0;for(r=a?r:r[Symbol.iterator]();;){var s;if(a){if(o>=r.length)break;s=r[o++]}else{if((o=r.next()).done)break;s=o.value}var l=s;if(!e.hasOwnProperty(l))throw new Error("数据格式错误!未找到指定属性:"+l)}}},function(e,t,n){"use strict";t.__esModule=!0;var i=a(n(3)),r=a(n(2));function a(e){return e&&e.__esModule?e:{default:e}}var o=function(){function e(t,n){var a=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.settings=n;var o=this.transform();o&&(this.options=o,n.theme?this.echart=i.default.init(t,n.theme):r.default.settings.defaultTheme?this.echart=i.default.init(t,r.default.settings.defaultTheme):this.echart=i.default.init(t),window.addEventListener("resize",function(){return a.echart.resize()}),this.apply())}return e.prototype.setData=function(e){e&&0!==e.length&&(this.settings.data=e,this.options=this.transform(),this.apply())},e.prototype.injectDataIntoSeries=function(e,t){return e.forEach(function(e){if("all"===e.index)delete e.index,t=t.map(function(t){return Object.assign({},t,e)});else if("start"===e.index)delete e.index,t[0]=Object.assign({},t[0],e);else if("end"===e.index)delete e.index,t[t.length-1]=Object.assign({},t[t.length-1],e);else if(Array.isArray(e.index)){var n=e.index,i=Array.isArray(n),r=0;for(n=i?n:n[Symbol.iterator]();;){var a;if(i){if(r>=n.length)break;a=n[r++]}else{if((r=n.next()).done)break;a=r.value}var o=a;t[o]&&(t[o]=Object.assign({},t[o],e))}}}),t},e}();t.default=o},function(e,t,n){"use strict";t.__esModule=!0,t.Scatter=t.Funnel=t.Radar=t.Pie=t.Bar=t.Line=void 0;var i=c(n(3)),r=c(n(5)),a=c(n(6)),o=c(n(7)),s=c(n(8)),l=c(n(9)),u=c(n(10)),f=n(0);function c(e){return e&&e.__esModule?e:{default:e}}var p={Line:r.default,Bar:a.default,Pie:o.default,Radar:s.default,Funnel:l.default,Scatter:u.default},d={settings:{},config:function(e){var t=e.theme;t&&((0,f.checkKeyInModel)(t,"name","data"),i.default.registerTheme(t.name,t.data),t.default&&(d.settings.defaultTheme=t.name))}},h=function(e){p.hasOwnProperty(e)&&(d[e.toLowerCase()]=function(t,n,i){return(0,f.init)(p[e],t,n,i)})};for(var y in p)h(y);t.Line=r.default,t.Bar=a.default,t.Pie=o.default,t.Radar=s.default,t.Funnel=l.default,t.Scatter=u.default,t.default=d,"undefined"!=typeof window&&(window.Chart=d)},function(t,n){t.exports=e},function(e,t,n){e.exports=n(2)},function(e,t,n){"use strict";t.__esModule=!0;var i,r=n(1),a=(i=r)&&i.__esModule?i:{default:i},o=n(0);var s=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.init=function(e,n,i){return(0,o.init)(t,e,n,i)},t.prototype.transform=function(){var e=this.settings.data,t=void 0===e?[]:e;if(0===t.length)throw new Error("数据源为空!");return Object.keys(t[0]).length>2?this.setMultipleLines():(this.simple=!0,this.setSingleLine())},t.prototype.setSingleLine=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.keyMap,r=void 0===i?{xAxisKey:"key",dataKey:"value"}:i,a=e.title,s=void 0===a?"单条折线图":a,l=r.xAxisKey,u=r.dataKey;(0,o.checkKeyInModel)(n[0],l,u);for(var f=[{type:"line",data:[]}],c={type:"category",data:[]},p=0;p<n.length;p++)c.data.push(n[p][l]),f[0].data.push(n[p][u]);return{title:s,xAxis:c,series:f}},t.prototype.setMultipleLines=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.keyMap,r=void 0===i?{xAxisKey:"key",legendKey:"typeName",dataKey:"value"}:i,a=e.title,s=void 0===a?"多条折线图":a,l=r.xAxisKey,u=r.legendKey,f=r.dataKey;(0,o.checkKeyInModel)(n[0],l,u,f);for(var c=[],p=[],d={type:"category",data:[]},h=function(e){var t=n[e][u],i=n[e][l],r=n[e][f];c.includes(t)||c.push(t),d.data.includes(i)||d.data.push(i);var a=p.find(function(e){return e.name===t});a||(a={name:t,type:"line",data:[]},p.push(a)),a.data.push(r)},y=0;y<n.length;y++)h(y);return{title:s,xAxis:d,series:p,legendData:c}},t.prototype.apply=function(){var e=this.options,t=e.title,n=e.xAxis,i=e.series,r=e.legendData,a=void 0===r?[]:r,o=this.settings.reverseAxis,s=void 0!==o&&o,l={type:"value"},u=s?n:l,f=s?l:n,c=!t&&this.simple?"3%":60,p=this.settings.insertSeries,d=i;p&&p.length&&i.length&&(d=this.injectDataIntoSeries(p,d)),this.echart.setOption({title:{text:t},tooltip:{trigger:"axis"},grid:{left:"3%",right:"4%",bottom:"3%",top:c,containLabel:!0},legend:{data:a},xAxis:f,yAxis:u,series:d},!0)},t}(a.default);t.default=s},function(e,t,n){"use strict";t.__esModule=!0;var i,r=n(1),a=(i=r)&&i.__esModule?i:{default:i},o=n(0);var s=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.init=function(e,n,i){return(0,o.init)(t,e,n,i)},t.prototype.transform=function(){var e=this.settings.data,t=void 0===e?[]:e;if(0===t.length)throw new Error("数据源为空!");return Object.keys(t[0]).length>2?this.setMultipleBars():(this.simple=!0,this.setSingleBar())},t.prototype.setSingleBar=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.keyMap,r=void 0===i?{xAxisKey:"key",dataKey:"value"}:i,a=e.title,s=void 0===a?"单条柱状图":a,l=r.xAxisKey,u=r.dataKey;(0,o.checkKeyInModel)(n[0],l,u);for(var f=[{type:"bar",data:[]}],c={type:"category",data:[]},p=0;p<n.length;p++)c.data.push(n[p][l]),f[0].data.push(n[p][u]);return{title:s,xAxis:c,series:f}},t.prototype.setMultipleBars=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.keyMap,r=void 0===i?{xAxisKey:"key",legendKey:"typeName",dataKey:"value"}:i,a=e.title,s=void 0===a?"多条柱状图":a,l=e.lineTypes,u=r.xAxisKey,f=r.legendKey,c=r.dataKey,p=4===Object.keys(n[0]).length,d=r.timelineKey||"timeline";p?(0,o.checkKeyInModel)(n[0],u,f,c,d):(0,o.checkKeyInModel)(n[0],u,f,c);var h=[];l&&(h=Array.isArray(l)?l:[l]);for(var y={timeline:{axisType:"category",autoPlay:!0,playInterval:1e3,data:[]},options:[]},v=[],g=[],b={type:"category",data:[]},m=function(e){var t=n[e][f],i=n[e][u],r=n[e][c];if(v.includes(t)||v.push(t),b.data.includes(i)||b.data.push(i),p){var a=n[e][d];if(y.timeline.data.includes(a)||y.timeline.data.push(a),!g.some(function(e){return e.name===t})){var o="bar";0!==h.length&&h.includes(t)&&(o="line"),g.push({name:t,type:o})}var l=y.options.find(function(e){return e._helpName===a});l||(l={_helpName:a,title:{text:s.replace("$timeline",a)},series:[]},y.options.push(l));var m=l.series.find(function(e){return e._helpName===t});m||(m={_helpName:t,data:[]},l.series.push(m)),m.data.push(r)}else{var x=g.find(function(e){return e.name===t});if(!x){var w="bar";0!==h.length&&h.includes(t)&&(w="line"),x={name:t,type:w,data:[]},g.push(x)}x.data.push(r)}},x=0;x<n.length;x++)m(x);return p?{title:s,xAxis:b,series:g,legendData:v,timelineOptions:y}:{title:s,xAxis:b,series:g,legendData:v}},t.prototype.apply=function(){var e=this.options,t=e.title,n=e.xAxis,i=e.series,r=e.legendData,a=e.timelineOptions,o=this.settings,s=o.reverseAxis,l=void 0!==s&&s,u=o.yAxis,f=o.stack,c={type:"value"},p=l?n:c,d=l?c:n;u&&(p=u),void 0!==f&&f&&i.forEach(function(e){e.stack="总量",e.label={normal:{show:!0,position:l?"insideRight":"insideTop"}}});var h=this.settings.insertSeries,y=i;if(h&&h.length&&i.length&&(y=this.injectDataIntoSeries(h,y)),a)this.echart.setOption({baseOption:{timeline:a.timeline,tooltip:{trigger:"axis"},grid:{top:80,bottom:100,containLabel:!0},legend:{x:"right",data:r},xAxis:d,yAxis:p,series:y},options:a.options},!0);else{var v=!t&&this.simple?"3%":60;this.echart.setOption({title:{text:t},tooltip:{trigger:"axis"},grid:{left:"3%",right:"4%",bottom:"3%",top:v,containLabel:!0},legend:{data:r},xAxis:d,yAxis:p,series:y},!0)}},t}(a.default);t.default=s},function(e,t,n){"use strict";t.__esModule=!0;var i,r=n(1),a=(i=r)&&i.__esModule?i:{default:i},o=n(0);function s(e,t){var n={};for(var i in e)t.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}var l=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.init=function(e,n,i){return(0,o.init)(t,e,n,i)},t.prototype.transform=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.title,r=void 0===i?"饼图":i,a=e.ring,l=void 0!==a&&a,u=e.keyMap,f=void 0===u?{textKey:"key",dataKey:"value"}:u;if(0===n.length)throw new Error("数据源为空!");var c=f.textKey,p=f.dataKey;(0,o.checkKeyInModel)(n[0],c,p);for(var d=[{radius:l?["50%","70%"]:"60%",center:r?["50%","60%"]:["50%","50%"],type:"pie",data:[]}],h=0;h<n.length;h++){var y=n[h],v=y[p],g=y[c],b=s(y,[p,c]),m=Object.assign({value:v,name:g},b,{_raw:y});d[0].data.push(m)}return{title:r,series:d,legendData:[]}},t.prototype.apply=function(){var e=this.options,t=e.title,n=e.series,i=e.legendData,r=this.settings.insertSeries,a=n;r&&r.length&&n.length&&(a=this.injectDataIntoSeries(r,a)),this.echart.setOption({title:{text:t,x:"center"},tooltip:{trigger:"item",formatter:"{b} : {c} ({d}%)"},legend:{orient:"vertical",left:"left",data:i},series:a},!0)},t}(a.default);t.default=l},function(e,t,n){"use strict";t.__esModule=!0;var i,r=n(1),a=(i=r)&&i.__esModule?i:{default:i},o=n(0);var s=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.init=function(e,n,i){return(0,o.init)(t,e,n,i)},t.prototype.transform=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.title,r=void 0===i?"雷达图":i,a=e.keyMap,s=void 0===a?{textKey:"key",legendKey:"typeName",dataKey:"value"}:a;if(0===n.length)throw new Error("数据源为空!");var l=s.textKey,u=s.legendKey,f=s.dataKey;(0,o.checkKeyInModel)(n[0],l,u,f);for(var c=[],p=[],d=[],h=function(e){var t=n[e][u],i=n[e][l],r=n[e][f];c.includes(t)||c.push(t);var a=p.find(function(e){return e.name===t});a||(a={name:t,value:[],_raw:[]},p.push(a)),a.value.push(r),a._raw.push(n[e]),d.find(function(e){return e.name===i})||d.push({name:i})},y=0;y<n.length;y++)h(y);return{title:r,seriesData:p,legendData:c,indicator:d}},t.prototype.apply=function(){var e=this.options,t=e.title,n=e.seriesData,i=e.legendData,r=void 0===i?[]:i,a=e.indicator;this.echart.setOption({title:{text:t},tooltip:{},legend:{data:r},radar:{name:{textStyle:{color:"#fff",backgroundColor:"#999",borderRadius:3,padding:[3,5]}},indicator:a},series:[{type:"radar",data:n}]},!0)},t}(a.default);t.default=s},function(e,t,n){"use strict";t.__esModule=!0;var i,r=n(1),a=(i=r)&&i.__esModule?i:{default:i},o=n(0);function s(e,t){var n={};for(var i in e)t.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}var l=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.init=function(e,n,i){return(0,o.init)(t,e,n,i)},t.prototype.transform=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.title,r=void 0===i?"漏斗图":i,a=e.keyMap,l=void 0===a?{textKey:"key",dataKey:"value"}:a;if(0===n.length)throw new Error("数据源为空!");var u=l.textKey,f=l.dataKey;(0,o.checkKeyInModel)(n[0],u,f);for(var c=[{type:"funnel",left:"10%",top:60,bottom:60,width:"80%",min:0,max:100,minSize:"0%",maxSize:"100%",sort:"descending",gap:2,label:{normal:{show:!0,position:"inside"},emphasis:{textStyle:{fontSize:20}}},labelLine:{normal:{length:10,lineStyle:{width:1,type:"solid"}}},itemStyle:{normal:{borderColor:"#fff",borderWidth:1}},data:[]}],p=0;p<n.length;p++){var d=n[p],h=d[f],y=d[u],v=s(d,[f,u]),g=Object.assign({value:h,name:y},v,{_raw:d});c[0].data.push(g)}return{title:r,series:c,legendData:[]}},t.prototype.apply=function(){var e=this.options,t=e.title,n=e.series,i=e.legendData,r=this.settings.insertSeries,a=n;r&&r.length&&n.length&&(a=this.injectDataIntoSeries(r,a)),this.echart.setOption({title:{text:t},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c}%"},legend:{data:i},series:a},!0)},t}(a.default);t.default=l},function(e,t,n){"use strict";t.__esModule=!0;var i,r=n(1),a=(i=r)&&i.__esModule?i:{default:i},o=n(0);var s=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.init=function(e,n,i){return(0,o.init)(t,e,n,i)},t.prototype.transform=function(){var e=this.settings,t=e.data,n=void 0===t?[]:t,i=e.title,r=void 0===i?"气泡图":i,a=e.keyMap,s=void 0===a?{xKey:"x",yKey:"y",sizeKey:"size",textKey:"text",legendKey:"typeName"}:a;if(0===n.length)throw new Error("数据源为空!");var l=[],u=[],f=s.xKey,c=s.yKey,p=s.sizeKey,d=s.textKey,h=s.legendKey;(0,o.checkKeyInModel)(n[0],f,c,p,d,h);for(var y=function(e){var t=n[e],i=t[h],r=t[f],a=t[c],o=t[p],s=t[d],y=function(e,t){var n={};for(var i in e)t.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}(t,[h,f,c,p,d]);l.includes(i)||l.push(i);var v=u.find(function(e){return e.name===i});v||(v={type:"scatter",name:i,data:[],symbolSize:function(e){return Math.sqrt(e[2])},label:{emphasis:{show:!0,formatter:function(e){return e.data[3]},position:"top"}}},u.push(v)),v.data.push(Object.assign({value:[r,a,o,s]},y,{_raw:n[e]}))},v=0;v<n.length;v++)y(v);return{title:r,series:u,legendData:l}},t.prototype.apply=function(){var e=this.options,t=e.title,n=e.series,i=e.legendData,r=void 0===i?[]:i,a=this.settings.insertSeries,o=n;a&&a.length&&n.length&&(o=this.injectDataIntoSeries(a,o)),this.echart.setOption({title:{text:t},legend:{right:10,data:r},xAxis:{},yAxis:{},series:o},!0)},t}(a.default);t.default=s}])});
//# sourceMappingURL=index.js.map
\ No newline at end of file
<template>
<div class="app-container">
<div class="left">
<ul class="sidebar">
<li v-for="(link, i) in links" :key="i">
<router-link :to="link.url">{{link.name}}</router-link>
<ul class="sub" v-if="link.subs">
<li v-for="(sub, j) in link.subs" :key="j">
<router-link :to="sub.url">{{sub.name}}</router-link>
</li>
</ul>
</li>
</ul>
</div>
<div class="right">
<router-view />
</div>
</div>
</template>
<script>
import './styles/main.scss'
export default {
name: 'App',
data () {
return {
links: [
{
name: '折线图',
url: '/line',
subs: [
{ name: '单条折线图', url: '/line#simple' },
{ name: '多条折线图', url: '/line#multiple' },
{ name: '横向折线图', url: '/line#reverse' }
]
},
{
name: '柱状图',
url: '/bar',
subs: [
{ name: '单条柱状图', url: '/bar#simple' },
{ name: '多条柱状图', url: '/bar#multiple' },
{ name: '横向柱状图', url: '/bar#reverse' },
{ name: '折柱混合图', url: '/bar#mixin' },
{ name: '堆叠柱状图', url: '/bar#stack' },
{ name: '时间轴柱状图', url: '/bar#timeline' }
]
},
{
name: '饼状图',
url: '/pie',
subs: [
{ name: '简单饼状图', url: '/pie#simple' },
{ name: '环形图', url: '/pie#ring' }
]
},
{
name: '雷达图',
url: '/radar',
subs: [
{ name: '简单雷达图', url: '/radar#simple' }
]
},
{
name: '漏斗图',
url: '/funnel',
subs: [
{ name: '简单漏斗图', url: '/funnel#simple' }
]
},
{
name: '气泡图',
url: '/scatter',
subs: [
{ name: '气泡图', url: '/scatter#simple' }
]
}
]
}
}
}
</script>
<style lang="scss">
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
<title>demo</title>
</head>
<body>
<div id="app"></div>
<script src="./index.js"></script>
</body>
</html>
import Vue from 'vue'
import router from './router'
import App from './app.vue'
new Vue({
el: '#app',
router,
render: h => h(App),
mounted () {
if (this.$route.path === '/') {
this.$router.push('/line')
}
}
})
export const getTimelineList = () => {
const list = []
for (let i = 2008; i < 2018; i++) {
let index = 0
for (const key of keys) {
for (const day of days) {
list.push({
timeline: i,
typeName: key,
key: day,
value: Math.floor(Math.random() * 100 + (index + 1) * 100)
})
index++
}
}
}
return list
}
export const getSimpleList = () => {
const list = []
for (const key of keys) {
list.push({
key: key,
value: Math.floor(Math.random() * 100)
})
}
return list
}
export const getMultipleList = (scatter = false) => {
const list = []
let index = 0
for (const key of keys) {
for (const day of days) {
if (scatter) {
list.push({
typeName: key,
text: day,
x: Math.floor(Math.random() * 100 + (index + 1) * 100),
y: Math.floor(Math.random() * 100 + (index + 1) * 100),
size: Math.floor(Math.random() * 1000)
})
} else {
list.push({
typeName: key,
key: day,
value: Math.floor(Math.random() * 100 + (index + 1) * 100)
})
}
}
index++
}
return list
}
const keys = ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
const days = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
<template>
<div>
<h1>柱状图示例</h1>
<h2 id="simple">单条柱状图</h2>
<div id="simpleChart" class="chart-container" ></div>
<h2 id="multiple">多条柱状图</h2>
<div id="multipleChart" class="chart-container" ></div>
<h2 id="reverse">横向柱状图</h2>
<div id="reverseChart" class="chart-container tall" ></div>
<h2 id="mixin">折柱混合图</h2>
<div id="mixinChart" class="chart-container tall" ></div>
<h2 id="stack">堆叠柱状图</h2>
<div id="stackChart" class="chart-container tall" ></div>
<h2 id="timeline">时间轴柱状图</h2>
<div id="timelineChart" class="chart-container tall" ></div>
</div>
</template>
<script>
import Chart from '../../src/index'
import { getSimpleList, getMultipleList, getTimelineList } from '../mock/data.js'
import theme from '../mock/theme.json'
export default {
name: 'barCharts',
mounted () {
// 注册主题
Chart.config({
theme: {
name: 'test',
data: theme,
default: true
}
})
Chart.bar('#simpleChart', getSimpleList())
Chart.bar('#multipleChart', getMultipleList(), { theme: 'none' })
Chart.bar('#reverseChart', getMultipleList(), { reverseAxis: true })
Chart.bar('#mixinChart', getMultipleList(), {
lineTypes: ['直接访问', '搜索引擎'],
title: '',
yAxis: [
{
type: 'value',
name: '数值'
},
{
type: 'value',
name: '温度',
min: 0,
max: 25,
interval: 5,
axisLabel: {
formatter: '{value} °C'
}
}
]
})
Chart.bar('#stackChart', getMultipleList(), {
title: '',
stack: true
})
Chart.bar('#timelineChart', getTimelineList(), {
type: 'bar',
title: '$timeline时间轴柱状图'
})
}
}
</script>
<style lang="scss">
</style>
<template>
<div>
<h1>漏斗图示例</h1>
<h2 id="simple">简单漏斗图</h2>
<div id="simpleChart" class="chart-container tall" ></div>
</div>
</template>
<script>
import Chart from '../../src/index'
import { getSimpleList } from '../mock/data.js'
export default {
name: 'funnelCharts',
mounted () {
Chart.funnel('#simpleChart', getSimpleList())
}
}
</script>
<style lang="scss">
</style>
<template>
<div>
<h1>折线图示例</h1>
<h2 id="simple">单条折线图</h2>
<div id="simpleChart" class="chart-container" ></div>
<h2 id="multiple">多条折线图</h2>
<div id="multipleChart" class="chart-container" ></div>
<h2 id="reverse">横向折线图</h2>
<div id="reverseChart" class="chart-container tall" ></div>
</div>
</template>
<script>
import { Line } from '../../src/index'
import { getSimpleList, getMultipleList } from '../mock/data.js'
export default {
name: 'lineCharts',
mounted () {
Line.init('#simpleChart', getSimpleList())
Line.init('#multipleChart', getMultipleList())
Line.init('#reverseChart', getMultipleList(), { reverseAxis: true })
}
}
</script>
<style lang="scss">
</style>
<template>
<div>
<h1>饼状图示例</h1>
<h2 id="simple">简单饼状图</h2>
<div id="simpleChart" class="chart-container" ></div>
<h2 id="ring">环形图</h2>
<div id="ringChart" class="chart-container" ></div>
</div>
</template>
<script>
import Chart from '../../src/index'
import { getSimpleList } from '../mock/data.js'
export default {
name: 'pieCharts',
mounted () {
Chart.pie('#simpleChart', getSimpleList())
Chart.pie('#ringChart', getSimpleList(), {
title: '环形图',
ring: true
})
}
}
</script>
<style lang="scss">
</style>
<template>
<div>
<h1>雷达图示例</h1>
<h2 id="simple">简单雷达图</h2>
<div id="simpleChart" class="chart-container tall" ></div>
</div>
</template>
<script>
import Chart from '../../src/index'
import { getMultipleList } from '../mock/data.js'
export default {
name: 'radarCharts',
mounted () {
Chart.radar('#simpleChart', getMultipleList())
}
}
</script>
<style lang="scss">
</style>
<template>
<div>
<h1>气泡图示例</h1>
<h2 id="simple">气泡图</h2>
<div id="simpleChart" class="chart-container tall" ></div>
</div>
</template>
<script>
import Chart from '../../src/index'
import { getMultipleList } from '../mock/data.js'
export default {
name: 'scatterCharts',
mounted () {
Chart.scatter('#simpleChart', getMultipleList(true))
}
}
</script>
<style lang="scss">
</style>
module.exports = {
plugins: [
require('autoprefixer')({
browsers: ["ie > 8", "last 2 version", "safari >= 9"]
})
]
}
import Vue from 'vue'
import App from './app.vue'
new Vue({
el: '#app',
render: h => h(App),
mounted () {
console.log('success')
}
})
import Vue from 'vue'
import App from './app.vue'
new Vue({
el: '#app',
render: h => h(App),
mounted () {
console.log('success')
}
})
import xButton from './source/Button.vue'
import xButtonGroup from './source/ButtonGroup.vue'
export {
xButton,
xButtonGroup
}
import Vue from 'vue'
import App from './app.vue'
new Vue({
el: '#app',
render: h => h(App),
mounted () {
console.log('success')
}
})
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册