javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-08-26 04:32:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add support for zrender events, fix mergeOptions + manualUpdate, update deps

Browse Source
This commit is contained in:
Justineo
2019-12-06 16:28:29 +08:00
parent 171eaf7426
commit 8d9d5ced6d
24 changed files with 1881 additions and 1838 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
demo/css/app.6608fa69.css Normal file
View File

@ -0,0 +1 @@
.echarts{width:600px;height:400px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:3em 0 0;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;color:#666;text-align:center}a{color:inherit;text-decoration:none}h1{margin-bottom:1em;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}h1,h2{color:#2c3e50;font-weight:300}h2{margin-top:2em;padding-top:1em;font-size:1.2em}h2 button{margin-left:1em;vertical-align:middle}.desc{margin-bottom:3em;color:#7f8c8d}h2 small{opacity:.7}p small{font-size:.8em;color:#7f8c8d}p{line-height:1.5}pre{display:inline-block;padding:.8em;background-color:#f9f9f9;box-shadow:0 1px 2px rgba(0,0,0,.125);line-height:1.1;color:#2973b7}code,pre{font-family:Roboto Mono,Monaco,courier,monospace}pre code{font-size:.8em}.attr{color:#e96900}.val{color:#42b983}footer{margin:5em 0 3em;font-size:.5em;vertical-align:middle}footer a{display:inline-block;margin:0 5px;padding:3px 0 6px;color:#7f8c8d;font-size:2em;text-decoration:none}footer a:hover{padding-bottom:3px;border-bottom:3px solid #42b983}button{border:1px solid #4fc08d;border-radius:2em;background-color:#fff;color:#42b983;cursor:pointer;font:inherit;-webkit-transition:opacity .3s;transition:opacity .3s}button:focus{outline:none;box-shadow:0 0 1px #4fc08d}button:active{background:rgba(79,192,141,.2)}button[disabled]{opacity:.5;cursor:not-allowed}button.round{width:1.6em;height:1.6em;position:relative}button.round:after,button.round:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:9px;height:1px;background-color:#42b983}button.round:after{width:1px;height:9px}button.round.expand:after{display:none}button,label{font-size:.75em}figure{display:inline-block;position:relative;margin:2em auto;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 0 45px rgba(0,0,0,.2);padding:1.5em 2em;min-width:calc(40vw + 4em)}figure .echarts{width:100%;min-width:400px;height:300px}#logo{display:inline-block;width:128px;height:128px;pointer-events:none}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);z-index:1}.modal.open{display:block}.modal img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#404a59;max-width:80vw;border:2px solid #fff;border-radius:3px;box-shadow:0 0 30px rgba(0,0,0,.2)}@media (min-width:980px){figure.half{padding:1em 1.5em;min-width:calc(240px + 3em)}figure.half .echarts{width:28vw;min-width:240px;height:180px}figure.half:not(:last-child){margin-right:15px}}@media (max-width:980px){p{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}p select{text-indent:calc(50% - 1em)}p label,p select{border:1px solid #4fc08d;border-radius:2em;background-color:#fff;color:#42b983;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}p button,p input,p label,p select{-webkit-box-flex:1;flex:1 0;margin:0 .5em;padding:0;line-height:2.4em;max-width:40vw;border-radius:2px;font-size:.8em}p select{-webkit-appearance:none}p input[type=checkbox]{display:none}p input[type=checkbox]:checked+label{background:#42b983;color:#fff}figure{width:100vw;margin:1em auto;padding:0 1em;border:none;border-radius:0;box-shadow:none}figure .echarts{width:100%;min-width:0;height:75vw}}.renderer{position:fixed;top:10px;left:10px;font-size:12px;text-align:center}.renderer button{float:left;position:relative;width:48px;border-radius:4px}.renderer button.active{z-index:1;background-color:#4fc08d;color:#fff}.renderer button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.renderer button:last-child{left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}

1
demo/css/app.a9ad1d17.css
View File

@ -1 +0,0 @@
.echarts{width:600px;height:400px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:3em 0 0;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;color:#666;text-align:center}a{color:inherit;text-decoration:none}h1{margin-bottom:1em;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}h1,h2{color:#2c3e50;font-weight:300}h2{margin-top:2em;padding-top:1em;font-size:1.2em}h2 button{margin-left:1em;vertical-align:middle}.desc{margin-bottom:3em;color:#7f8c8d}h2 small{opacity:.7}p small{font-size:.8em;color:#7f8c8d}p{line-height:1.5}pre{display:inline-block;padding:.8em;background-color:#f9f9f9;box-shadow:0 1px 2px rgba(0,0,0,.125);line-height:1.1;color:#2973b7}code,pre{font-family:Roboto Mono,Monaco,courier,monospace}pre code{font-size:.8em}.attr{color:#e96900}.val{color:#42b983}footer{margin:5em 0 3em;font-size:.5em;vertical-align:middle}footer a{display:inline-block;margin:0 5px;padding:3px 0 6px;color:#7f8c8d;font-size:2em;text-decoration:none}footer a:hover{padding-bottom:3px;border-bottom:3px solid #42b983}button{border:1px solid #4fc08d;border-radius:2em;background-color:#fff;color:#42b983;cursor:pointer;font:inherit;transition:opacity .3s}button:focus{outline:none;box-shadow:0 0 1px #4fc08d}button:active{background:rgba(79,192,141,.2)}button[disabled]{opacity:.5;cursor:not-allowed}button.round{width:1.6em;height:1.6em;position:relative}button.round:after,button.round:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:1px;background-color:#42b983}button.round:after{width:1px;height:9px}button.round.expand:after{display:none}button,label{font-size:.75em}figure{display:inline-block;position:relative;margin:2em auto;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 0 45px rgba(0,0,0,.2);padding:1.5em 2em;min-width:calc(40vw + 4em)}figure .echarts{width:100%;min-width:400px;height:300px}#logo{display:inline-block;width:128px;height:128px;pointer-events:none}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);z-index:1}.modal.open{display:block}.modal img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#404a59;max-width:80vw;border:2px solid #fff;border-radius:3px;box-shadow:0 0 30px rgba(0,0,0,.2)}@media (min-width:980px){figure.half{padding:1em 1.5em;min-width:calc(240px + 3em)}figure.half .echarts{width:28vw;min-width:240px;height:180px}figure.half:not(:last-child){margin-right:15px}}@media (max-width:980px){p{display:flex;justify-content:center}p select{text-indent:calc(50% - 1em)}p label,p select{border:1px solid #4fc08d;border-radius:2em;background-color:#fff;color:#42b983;cursor:pointer;transition:opacity .3s}p button,p input,p label,p select{flex:1 0;margin:0 .5em;padding:0;line-height:2.4em;max-width:40vw;border-radius:2px;font-size:.8em}p select{-webkit-appearance:none}p input[type=checkbox]{display:none}p input[type=checkbox]:checked+label{background:#42b983;color:#fff}figure{width:100vw;margin:1em auto;padding:0 1em;border:none;border-radius:0;box-shadow:none}figure .echarts{width:100%;min-width:0;height:75vw}}.renderer{position:fixed;top:10px;left:10px;font-size:12px;text-align:center}.renderer button{float:left;position:relative;width:48px;border-radius:4px}.renderer button.active{z-index:1;background-color:#4fc08d;color:#fff}.renderer button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.renderer button:last-child{left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}