|
- <!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="c372d30ba20b48c48f0cc5e612e1f1c2" class="chart-container" style="width:900px; height:500px;"></div>
- <script>
- var chart_c372d30ba20b48c48f0cc5e612e1f1c2 = echarts.init(
- document.getElementById('c372d30ba20b48c48f0cc5e612e1f1c2'), 'white', {renderer: 'canvas'});
- var option_c372d30ba20b48c48f0cc5e612e1f1c2 = {
- "animation": true,
- "animationThreshold": 2000,
- "animationDuration": 1000,
- "animationEasing": "cubicOut",
- "animationDelay": 0,
- "animationDurationUpdate": 300,
- "animationEasingUpdate": "cubicOut",
- "animationDelayUpdate": 0,
- "series": [
- {
- "type": "bar",
- "name": "commits",
- "xAxisIndex": 0,
- "yAxisIndex": 0,
- "legendHoverLink": true,
- "data": [
- 24,
- 25,
- 27,
- 33,
- 40,
- 41,
- 48,
- 53,
- 87,
- 94,
- 97,
- 125,
- 132,
- 159,
- 189
- ],
- "showBackground": false,
- "barMinHeight": 0,
- "barCategoryGap": "20%",
- "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
- }
- },
- {
- "type": "bar",
- "name": "adds",
- "xAxisIndex": 1,
- "yAxisIndex": 1,
- "legendHoverLink": true,
- "data": [
- {
- "value": 3727,
- "percent": 0.9603195052821438
- },
- {
- "value": 5284,
- "percent": 0.8768669100564221
- },
- {
- "value": 313224,
- "percent": 0.612694239707056
- },
- {
- "value": 8365,
- "percent": 0.903152666810624
- },
- {
- "value": 1680,
- "percent": 0.7088607594936709
- },
- {
- "value": 235204,
- "percent": 0.9947303869739903
- },
- {
- "value": 3626,
- "percent": 0.44589276930644367
- },
- {
- "value": 67130,
- "percent": 0.9588082383523295
- },
- {
- "value": 8967,
- "percent": 0.7865099552670818
- },
- {
- "value": 19151,
- "percent": 0.6684934375872661
- },
- {
- "value": 20468,
- "percent": 0.442867343185408
- },
- {
- "value": 132820,
- "percent": 0.49998306035407625
- },
- {
- "value": 64696,
- "percent": 0.7596637076699074
- },
- {
- "value": 18849,
- "percent": 0.7150335723227496
- },
- {
- "value": 45675,
- "percent": 0.6620044930792086
- }
- ],
- "showBackground": false,
- "stack": "stack1",
- "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
- }
- },
- {
- "type": "bar",
- "name": "dels",
- "xAxisIndex": 1,
- "yAxisIndex": 1,
- "legendHoverLink": true,
- "data": [
- {
- "value": 154,
- "percent": 0.9603195052821438
- },
- {
- "value": 742,
- "percent": 0.8768669100564221
- },
- {
- "value": 198000,
- "percent": 0.612694239707056
- },
- {
- "value": 897,
- "percent": 0.903152666810624
- },
- {
- "value": 690,
- "percent": 0.7088607594936709
- },
- {
- "value": 1246,
- "percent": 0.9947303869739903
- },
- {
- "value": 4506,
- "percent": 0.44589276930644367
- },
- {
- "value": 2884,
- "percent": 0.9588082383523295
- },
- {
- "value": 2434,
- "percent": 0.7865099552670818
- },
- {
- "value": 9497,
- "percent": 0.6684934375872661
- },
- {
- "value": 25749,
- "percent": 0.442867343185408
- },
- {
- "value": 132829,
- "percent": 0.49998306035407625
- },
- {
- "value": 20468,
- "percent": 0.7596637076699074
- },
- {
- "value": 7512,
- "percent": 0.7150335723227496
- },
- {
- "value": 23320,
- "percent": 0.6620044930792086
- }
- ],
- "showBackground": false,
- "stack": "stack1",
- "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
- },
- {
- "data": [
- "adds",
- "dels"
- ],
- "selected": {
- "adds": true,
- "dels": true
- },
- "show": true,
- "top": "50%",
- "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"
- }
- }
- },
- {
- "show": true,
- "scale": false,
- "nameLocation": "end",
- "nameGap": 15,
- "gridIndex": 1,
- "inverse": false,
- "offset": 0,
- "splitNumber": 5,
- "minInterval": 0,
- "splitLine": {
- "show": false,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- }
- }
- }
- ],
- "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"
- }
- },
- "data": [
- "e",
- "David Svantesson",
- "Lauris BH",
- "Antoine GIRARD",
- "yan",
- "palytoxin",
- "guillep2k",
- "yuyuanshifu",
- "John Olheiser",
- "colorfulberry",
- "silverwind",
- "Lunny Xiao",
- "6543",
- "GiteaBot",
- "zeripath"
- ]
- },
- {
- "show": true,
- "scale": false,
- "nameLocation": "end",
- "nameGap": 15,
- "gridIndex": 1,
- "inverse": false,
- "offset": 0,
- "splitNumber": 5,
- "minInterval": 0,
- "splitLine": {
- "show": false,
- "lineStyle": {
- "show": true,
- "width": 1,
- "opacity": 1,
- "curveness": 0,
- "type": "solid"
- }
- },
- "data": [
- "e",
- "David Svantesson",
- "Lauris BH",
- "Antoine GIRARD",
- "yan",
- "palytoxin",
- "guillep2k",
- "yuyuanshifu",
- "John Olheiser",
- "colorfulberry",
- "silverwind",
- "Lunny Xiao",
- "6543",
- "GiteaBot",
- "zeripath"
- ]
- }
- ],
- "title": [
- {
- "text": "\u5f00\u53d1\u8005\u8d21\u732e\u6392\u884c",
- "padding": 5,
- "itemGap": 10
- },
- {
- "padding": 5,
- "itemGap": 10
- }
- ],
- "grid": [
- {
- "show": false,
- "zlevel": 0,
- "z": 2,
- "bottom": "60%",
- "containLabel": false,
- "backgroundColor": "transparent",
- "borderColor": "#ccc",
- "borderWidth": 1
- },
- {
- "show": false,
- "zlevel": 0,
- "z": 2,
- "top": "60%",
- "containLabel": false,
- "backgroundColor": "transparent",
- "borderColor": "#ccc",
- "borderWidth": 1
- }
- ]
- };
- chart_c372d30ba20b48c48f0cc5e612e1f1c2.setOption(option_c372d30ba20b48c48f0cc5e612e1f1c2);
- </script>
- </body>
- </html>
|