|
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Awesome-pyecharts</title>
- <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
-
- </head>
- <body>
- <div id="0726cf935aec4d35882cc9a1d94098f3" class="chart-container" style="width:900px; height:500px;"></div>
- <script>
- var chart_0726cf935aec4d35882cc9a1d94098f3 = echarts.init(
- document.getElementById('0726cf935aec4d35882cc9a1d94098f3'), 'white', {renderer: 'canvas'});
- var option_0726cf935aec4d35882cc9a1d94098f3 = {
- "animation": true,
- "animationThreshold": 2000,
- "animationDuration": 1000,
- "animationEasing": "cubicOut",
- "animationDelay": 0,
- "animationDurationUpdate": 300,
- "animationEasingUpdate": "cubicOut",
- "animationDelayUpdate": 0,
- "color": [
- "#c23531",
- "#2f4554",
- "#61a0a8",
- "#d48265",
- "#749f83",
- "#ca8622",
- "#bda29a",
- "#6e7074",
- "#546570",
- "#c4ccd3",
- "#f05b72",
- "#ef5b9c",
- "#f47920",
- "#905a3d",
- "#fab27b",
- "#2a5caa",
- "#444693",
- "#726930",
- "#b2d235",
- "#6d8346",
- "#ac6767",
- "#1d953f",
- "#6950a1",
- "#918597"
- ],
- "series": [
- {
- "type": "bar",
- "name": "developers",
- "legendHoverLink": true,
- "data": [
- 12,
- 10,
- 9,
- 8,
- 8,
- 8,
- 8,
- 7,
- 7,
- 7,
- 7,
- 7,
- 7,
- 6,
- 6
- ],
- "showBackground": false,
- "barMinHeight": 0,
- "barCategoryGap": "20%",
- "barGap": "30%",
- "large": false,
- "largeThreshold": 400,
- "seriesLayoutBy": "column",
- "datasetIndex": 0,
- "clip": true,
- "zlevel": 0,
- "z": 2,
- "label": {
- "show": true,
- "position": "top",
- "margin": 8
- }
- }
- ],
- "legend": [
- {
- "data": [
- "developers"
- ],
- "selected": {
- "developers": true
- }
- }
- ],
- "tooltip": {
- "show": true,
- "trigger": "item",
- "triggerOn": "mousemove|click",
- "axisPointer": {
- "type": "line"
- },
- "showContent": true,
- "alwaysShowContent": false,
- "showDelay": 0,
- "hideDelay": 100,
- "textStyle": {
- "fontSize": 14
- },
- "borderWidth": 0,
- "padding": 5
- },
- "xAxis": [
- {
- "show": true,
- "scale": false,
- "nameLocation": "end",
- "nameGap": 15,
- "gridIndex": 0,
- "inverse": false,
- "offset": 0,
- "splitNumber": 5,
- "minInterval": 0,
- "splitLine": {
- "show": false,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- }
- },
- "data": [
- "Zeng Jinle",
- "Aurelius84",
- "liym27",
- "zhang wenhui",
- "liu zhengxi",
- "chengduo",
- "Youwei Song",
- "lvmengsi",
- "Zhang Ting",
- "silingtong123",
- "hong",
- "wangchaochaohu",
- "liuwei1031",
- "Jiabin Yang",
- "Yibing Liu"
- ]
- }
- ],
- "yAxis": [
- {
- "show": true,
- "scale": false,
- "nameLocation": "end",
- "nameGap": 15,
- "gridIndex": 0,
- "inverse": false,
- "offset": 0,
- "splitNumber": 5,
- "minInterval": 0,
- "splitLine": {
- "show": false,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- }
- }
- }
- ]
- };
- chart_0726cf935aec4d35882cc9a1d94098f3.setOption(option_0726cf935aec4d35882cc9a1d94098f3);
- </script>
- </body>
- </html>
|