| <!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> --> |
| <div id="main1"></div> |
| |
| |
| <script> |
| |
| require([ |
| 'echarts' |
| ], function (echarts) { |
| |
| var option = { |
| "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: { |
| show: true |
| }, |
| "name": "zly13" |
| }, { |
| "type": "bar", |
| "stack": "all", |
| label: { |
| 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> |
| |
| |
| |
| |
| |
| |
| <script> |
| |
| require([ |
| 'echarts' |
| ], function (echarts) { |
| |
| var option = { |
| "tooltip": { |
| "trigger": "axis" |
| }, |
| "xAxis": { |
| "data": [ |
| "", |
| "Good", |
| "Slightly polluted", |
| "Excellent", |
| "Medially polluted", |
| "Severely polluted" |
| ] |
| }, |
| "yAxis": { |
| }, |
| grid: { |
| right: 200 |
| }, |
| "series": [ |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Clear", |
| "data": [ |
| [ |
| "", |
| 48 |
| ], |
| [ |
| "Good", |
| 41.38805970149254 |
| ], |
| [ |
| "Slightly polluted", |
| 58.78378378378378 |
| ], |
| [ |
| "Excellent", |
| 21.5 |
| ], |
| [ |
| "Medially polluted", |
| 64.66666666666667 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Cloudy", |
| "data": [ |
| [ |
| "Good", |
| 41.49246231155779 |
| ], |
| [ |
| "Slightly polluted", |
| 62.5 |
| ], |
| [ |
| "Excellent", |
| 22.38888888888889 |
| ], |
| [ |
| "Medially polluted", |
| 63.25 |
| ], |
| [ |
| "Severely polluted", |
| 85.66666666666667 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Overcast", |
| "data": [ |
| [ |
| "Good", |
| 39.73170731707317 |
| ], |
| [ |
| "Excellent", |
| 22.93548387096774 |
| ], |
| [ |
| "Slightly polluted", |
| 64.75 |
| ], |
| [ |
| "Medially polluted", |
| 121.5 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Light rain", |
| "data": [ |
| [ |
| "Slightly polluted", |
| 60.09090909090909 |
| ], |
| [ |
| "Good", |
| 39.15277777777778 |
| ], |
| [ |
| "Excellent", |
| 19.822222222222223 |
| ], |
| [ |
| "Severely polluted", |
| 82 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Moderate to heavy rain", |
| "data": [ |
| [ |
| "Excellent", |
| 20.2 |
| ], |
| [ |
| "Good", |
| 33.875 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Fog", |
| "data": [ |
| [ |
| "Medially polluted", |
| 123.5 |
| ], |
| [ |
| "Slightly polluted", |
| 105.5 |
| ], |
| [ |
| "Good", |
| 71 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Moderate rain", |
| "data": [ |
| [ |
| "Excellent", |
| 19.125 |
| ], |
| [ |
| "Good", |
| 30.071428571428573 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Shower", |
| "data": [ |
| [ |
| "Excellent", |
| 21.571428571428573 |
| ], |
| [ |
| "Good", |
| 37.523809523809526 |
| ], |
| [ |
| "Slightly polluted", |
| 69.33333333333333 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Thundershower", |
| "data": [ |
| [ |
| "Good", |
| 31.17241379310345 |
| ], |
| [ |
| "Excellent", |
| 20.6 |
| ], |
| [ |
| "Slightly polluted", |
| 43.75 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Heavy rain", |
| "data": [ |
| [ |
| "Excellent", |
| 23.142857142857142 |
| ], |
| [ |
| "Good", |
| 30.285714285714285 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Rainstorm", |
| "data": [ |
| [ |
| "Excellent", |
| 19.142857142857142 |
| ], |
| [ |
| "Good", |
| 31.083333333333332 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Slight to moderate rain", |
| "data": [ |
| [ |
| "Good", |
| 33.23529411764706 |
| ], |
| [ |
| "Excellent", |
| 18.857142857142858 |
| ], |
| [ |
| "Slightly polluted", |
| 53 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| }, |
| { |
| "type": "bar", |
| "stack": "WEATHER1", |
| "name": "Heavy rain to rainstorm", |
| "data": [ |
| [ |
| "Excellent", |
| 18 |
| ] |
| ], |
| "encode": { |
| "x": [ |
| 0 |
| ], |
| "y": [ |
| 1 |
| ] |
| } |
| } |
| ], |
| "legend": { |
| orient: 'vertical', |
| right: 10 |
| } |
| } |
| |
| testHelper.create(echarts, 'main1', { |
| title: 'Check bars should not be overflow the Y extent. (#9346)', |
| option: option, |
| height: 500 |
| }); |
| }); |
| |
| </script> |
| |
| |
| |
| |
| |
| |
| |
| </body> |
| </html> |