|
- <!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="d0df894218894f128a791653cb92effe" class="chart-container" style="width:900px; height:500px;"></div>
- <script>
- var chart_d0df894218894f128a791653cb92effe = echarts.init(
- document.getElementById('d0df894218894f128a791653cb92effe'), 'light', {renderer: 'canvas'});
- var option_d0df894218894f128a791653cb92effe = {
- "animation": true,
- "animationThreshold": 2000,
- "animationDuration": 1000,
- "animationEasing": "cubicOut",
- "animationDelay": 0,
- "animationDurationUpdate": 300,
- "animationEasingUpdate": "cubicOut",
- "animationDelayUpdate": 0,
- "series": [
- {
- "type": "bar",
- "name": "commits",
- "legendHoverLink": true,
- "data": [
- 7938,
- 8549,
- 9609,
- 10249,
- 11599,
- 19352,
- 60500,
- 64631,
- 66230,
- 8885776
- ],
- "showBackground": false,
- "barMinHeight": 0,
- "barCategoryGap": "50%",
- "barGap": "30%",
- "large": false,
- "largeThreshold": 400,
- "seriesLayoutBy": "column",
- "datasetIndex": 0,
- "clip": true,
- "zlevel": 0,
- "z": 2,
- "label": {
- "show": false,
- "position": "right",
- "margin": 8
- },
- "rippleEffect": {
- "show": true,
- "brushType": "stroke",
- "scale": 2.5,
- "period": 4
- }
- }
- ],
- "legend": [
- {
- "data": [
- "commits"
- ],
- "selected": {
- "commits": true
- },
- "show": true,
- "padding": 5,
- "itemGap": 10,
- "itemWidth": 25,
- "itemHeight": 14
- }
- ],
- "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": [
- "jayhenry",
- "Leowolfking",
- "SiMing Dai",
- "dp",
- "ShenYuhan",
- "David Lin",
- "kinghuin",
- "Steffy-zxf",
- "haoyuying",
- "wuzewu"
- ]
- }
- ],
- "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"
- }
- }
- }
- ],
- "title": [
- {
- "text": "\u5f00\u53d1\u8005\u8d21\u732e",
- "padding": 5,
- "itemGap": 10
- }
- ]
- };
- chart_d0df894218894f128a791653cb92effe.setOption(option_d0df894218894f128a791653cb92effe);
- </script>
- </body>
- </html>
|