123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Awesome-pyecharts</title>
- <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
- </head>
- <body >
- <div id="bd58e7e217b94c119d969add15496383" class="chart-container" style="width:100%; height:500px; "></div>
- <script>
- var chart_bd58e7e217b94c119d969add15496383 = echarts.init(
- document.getElementById('bd58e7e217b94c119d969add15496383'), 'white', {renderer: 'canvas'});
- var option_bd58e7e217b94c119d969add15496383 = {
- "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": "line",
- "name": "\u6700\u9ad8\u6c14\u6e29",
- "connectNulls": false,
- "xAxisIndex": 0,
- "symbolSize": 4,
- "showSymbol": true,
- "smooth": false,
- "clip": true,
- "step": false,
- "data": [
- [
- "\u5468\u4e00",
- 11
- ],
- [
- "\u5468\u4e8c",
- 11
- ],
- [
- "\u5468\u4e09",
- 15
- ],
- [
- "\u5468\u56db",
- 13
- ],
- [
- "\u5468\u4e94",
- 12
- ],
- [
- "\u5468\u516d",
- 13
- ],
- [
- "\u5468\u65e5",
- 10
- ]
- ],
- "hoverAnimation": true,
- "label": {
- "show": true,
- "margin": 8
- },
- "logBase": 10,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- },
- "areaStyle": {
- "opacity": 0
- },
- "markPoint": {
- "label": {
- "show": true,
- "position": "inside",
- "color": "#fff",
- "margin": 8
- },
- "data": [
- {
- "name": "\u6700\u5927\u503c",
- "type": "max"
- },
- {
- "name": "\u6700\u5c0f\u503c",
- "type": "min"
- }
- ]
- },
- "markLine": {
- "silent": false,
- "precision": 2,
- "label": {
- "show": true,
- "margin": 8
- },
- "data": [
- {
- "name": "\u5e73\u5747\u503c",
- "type": "average"
- }
- ]
- },
- "zlevel": 0,
- "z": 0
- },
- {
- "type": "line",
- "name": "\u6700\u4f4e\u6c14\u6e29",
- "connectNulls": false,
- "xAxisIndex": 0,
- "symbolSize": 4,
- "showSymbol": true,
- "smooth": false,
- "clip": true,
- "step": false,
- "data": [
- [
- "\u5468\u4e00",
- 1
- ],
- [
- "\u5468\u4e8c",
- -2
- ],
- [
- "\u5468\u4e09",
- 2
- ],
- [
- "\u5468\u56db",
- 5
- ],
- [
- "\u5468\u4e94",
- 3
- ],
- [
- "\u5468\u516d",
- 2
- ],
- [
- "\u5468\u65e5",
- 0
- ]
- ],
- "hoverAnimation": true,
- "label": {
- "show": true,
- "margin": 8
- },
- "logBase": 10,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- },
- "areaStyle": {
- "opacity": 0
- },
- "markPoint": {
- "label": {
- "show": true,
- "position": "inside",
- "color": "#fff",
- "margin": 8
- },
- "data": [
- {
- "name": "\u5468\u6700\u4f4e",
- "x": 1,
- "y": -1.5,
- "value": -2
- }
- ]
- },
- "markLine": {
- "silent": false,
- "precision": 2,
- "label": {
- "show": true,
- "margin": 8
- },
- "data": [
- {
- "name": "\u5e73\u5747\u503c",
- "type": "average"
- },
- {
- "xAxis": "90%",
- "yAxis": "max",
- "symbol": "none"
- },
- {
- "name": "\u6700\u9ad8\u70b9",
- "type": "max",
- "symbol": "circle"
- }
- ]
- },
- "zlevel": 0,
- "z": 0
- }
- ],
- "legend": [
- {
- "data": [
- "\u6700\u9ad8\u6c14\u6e29",
- "\u6700\u4f4e\u6c14\u6e29"
- ],
- "selected": {
- "\u6700\u9ad8\u6c14\u6e29": true,
- "\u6700\u4f4e\u6c14\u6e29": 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": "axis",
- "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": [
- {
- "type": "category",
- "show": true,
- "scale": false,
- "nameLocation": "end",
- "nameGap": 15,
- "gridIndex": 0,
- "inverse": false,
- "offset": 0,
- "splitNumber": 5,
- "boundaryGap": false,
- "minInterval": 0,
- "splitLine": {
- "show": true,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- }
- },
- "data": [
- "\u5468\u4e00",
- "\u5468\u4e8c",
- "\u5468\u4e09",
- "\u5468\u56db",
- "\u5468\u4e94",
- "\u5468\u516d",
- "\u5468\u65e5"
- ]
- }
- ],
- "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": "\u672a\u6765\u4e00\u5468\u6c14\u6e29\u53d8\u5316",
- "target": "blank",
- "subtext": "\u7eaf\u5c5e\u865a\u6784",
- "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": {}
- }
- }
- }
- };
- chart_bd58e7e217b94c119d969add15496383.setOption(option_bd58e7e217b94c119d969add15496383);
- window.addEventListener('resize', function(){
- chart_bd58e7e217b94c119d969add15496383.resize();
- })
- </script>
- </body>
- </html>
|