| <!DOCTYPE html> |
| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License. |
| --> |
| |
| |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <script src="lib/esl.js"></script> |
| <script src="lib/config.js"></script> |
| <script src="lib/jquery.min.js"></script> |
| <script src="lib/facePrint.js"></script> |
| <script src="lib/testHelper.js"></script> |
| <link rel="stylesheet" href="lib/reset.css"> |
| </head> |
| <body> |
| <style> |
| </style> |
| |
| |
| <div id="main0"></div> |
| |
| |
| <script> |
| |
| require([ |
| 'echarts' |
| ], function (echarts) { |
| |
| var option = { |
| "tooltip": { |
| "trigger": "axis", |
| "axisPointer": { |
| "type": "shadow" |
| } |
| }, |
| "toolbox": { |
| "show": true, |
| "feature": { |
| "dataZoom": { |
| "yAxisIndex": "none" |
| }, |
| "dataView": { |
| "readOnly": false |
| }, |
| "magicType": { |
| "type": [ |
| "line", |
| "bar", |
| "stack", |
| "tiled" |
| ] |
| }, |
| "restore": {}, |
| "saveAsImage": {} |
| } |
| }, |
| "xAxis": { |
| type: 'category' |
| }, |
| "yAxis": { |
| }, |
| "legend": { |
| "tooltip": { |
| "show": false |
| } |
| }, |
| dataZoom: [{ |
| type: 'inside' |
| }, { |
| type: 'slider' |
| }], |
| "series": [{ |
| "type": "bar", |
| "stack": "all", |
| "data": [ |
| ["审批通过", 33], |
| ["审批中", 154], |
| ["撤回", 13], |
| ["barMinHeight:10px", 1] |
| ], |
| barMinHeight: 10, |
| label: { |
| normal: {show: true} |
| }, |
| "name": "zly13" |
| }, { |
| "type": "bar", |
| "stack": "all", |
| label: { |
| normal: {show: true} |
| }, |
| "data": [ |
| ["哪有那么多审批", 66], |
| ["审批中", 66], |
| ["撤回",150], |
| ["barMinHeight:10px", 100] |
| ], |
| "name": "zly0031" |
| }], |
| "grid": { |
| "top": "65px", |
| "bottom": "10%", |
| "normalBottom": "10%", |
| "dataZoomBottom": "90px", |
| "containLabel": true |
| } |
| }; |
| |
| testHelper.create(echarts, 'main0', { |
| title: 'Click the first legend (to hide the bottom series), yAxis extent should be changed', |
| option: option |
| }); |
| }); |
| |
| </script> |
| </body> |
| </html> |