| <!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="5be34fa96e244775ae21c4e816650c48" class="chart-container" style="width:900px; height:500px; "></div> |
| <script> |
| var chart_5be34fa96e244775ae21c4e816650c48 = echarts.init( |
| document.getElementById('5be34fa96e244775ae21c4e816650c48'), 'white', {renderer: 'canvas'}); |
| var option_5be34fa96e244775ae21c4e816650c48 = { |
| "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": "bar", |
| "name": "\u5546\u5bb6A", |
| "legendHoverLink": true, |
| "data": [ |
| 58, |
| 86, |
| 40, |
| 41, |
| 123, |
| 37, |
| 32 |
| ], |
| "realtimeSort": false, |
| "showBackground": false, |
| "stackStrategy": "samesign", |
| "cursor": "pointer", |
| "barMinHeight": 0, |
| "barCategoryGap": "20%", |
| "barGap": "30%", |
| "large": false, |
| "largeThreshold": 400, |
| "seriesLayoutBy": "column", |
| "datasetIndex": 0, |
| "clip": true, |
| "zlevel": 0, |
| "z": 2, |
| "label": { |
| "show": true, |
| "margin": 8 |
| } |
| }, |
| { |
| "type": "bar", |
| "name": "\u5546\u5bb6B", |
| "legendHoverLink": true, |
| "data": [ |
| 60, |
| 131, |
| 94, |
| 107, |
| 139, |
| 119, |
| 104 |
| ], |
| "realtimeSort": false, |
| "showBackground": false, |
| "stackStrategy": "samesign", |
| "cursor": "pointer", |
| "barMinHeight": 0, |
| "barCategoryGap": "20%", |
| "barGap": "30%", |
| "large": false, |
| "largeThreshold": 400, |
| "seriesLayoutBy": "column", |
| "datasetIndex": 0, |
| "clip": true, |
| "zlevel": 0, |
| "z": 2, |
| "label": { |
| "show": true, |
| "margin": 8 |
| } |
| } |
| ], |
| "legend": [ |
| { |
| "data": [ |
| "\u5546\u5bb6A", |
| "\u5546\u5bb6B" |
| ], |
| "selected": {}, |
| "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": "item", |
| "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": [ |
| { |
| "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" |
| } |
| }, |
| "data": [ |
| "\u54c8\u58eb\u5947", |
| "\u8428\u6469\u8036", |
| "\u6cf0\u8fea", |
| "\u91d1\u6bdb", |
| "\u7267\u7f8a\u72ac", |
| "\u5409\u5a03\u5a03", |
| "\u67ef\u57fa" |
| ] |
| } |
| ], |
| "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": "Bar-\u57fa\u672c\u793a\u4f8b", |
| "target": "blank", |
| "subtext": "\u6211\u662f\u526f\u6807\u9898", |
| "subtarget": "blank", |
| "padding": 5, |
| "itemGap": 10, |
| "textAlign": "auto", |
| "textVerticalAlign": "auto", |
| "triggerEvent": false |
| } |
| ] |
| }; |
| chart_5be34fa96e244775ae21c4e816650c48.setOption(option_5be34fa96e244775ae21c4e816650c48); |
| </script> |
| </body> |
| </html> |
|
|
