|
- <!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="6acc5091466b4843ae8de2264ae87e0a" class="chart-container" style="width:900px; height:500px;"></div>
- <script>
- var chart_6acc5091466b4843ae8de2264ae87e0a = echarts.init(
- document.getElementById('6acc5091466b4843ae8de2264ae87e0a'), 'white', {renderer: 'canvas'});
- var option_6acc5091466b4843ae8de2264ae87e0a = {
- "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": [
- 1,
- 1
- ],
- "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": 7963,
- "percent": 0.6253828634257441
- },
- {
- "value": 18871,
- "percent": 1.0
- }
- ],
- "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": 4770,
- "percent": 0.6253828634257441
- },
- {
- "value": 0,
- "percent": 1.0
- }
- ],
- "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": [
- "mabingqi",
- "ZZ"
- ]
- },
- {
- "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": [
- "mabingqi",
- "ZZ"
- ]
- }
- ],
- "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_6acc5091466b4843ae8de2264ae87e0a.setOption(option_6acc5091466b4843ae8de2264ae87e0a);
- </script>
- </body>
- </html>
|