|
- <!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="e563cff1cef74148bc1003eab8f1387a" class="chart-container" style="width:1600px; height:800px;"></div>
- <script>
- var chart_e563cff1cef74148bc1003eab8f1387a = echarts.init(
- document.getElementById('e563cff1cef74148bc1003eab8f1387a'), 'white', {renderer: 'canvas'});
- var option_e563cff1cef74148bc1003eab8f1387a = {
- "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": "pie",
- "name": "\u5f00\u53d1\u8005",
- "clockwise": true,
- "data": [
- {
- "name": "ZZ",
- "value": 18871
- },
- {
- "name": "mabingqi",
- "value": 12733
- }
- ],
- "radius": [
- 0,
- "30%"
- ],
- "center": [
- "50%",
- "50%"
- ],
- "label": {
- "show": true,
- "position": "inner",
- "margin": 8
- },
- "tooltip": {
- "show": true,
- "trigger": "item",
- "triggerOn": "mousemove|click",
- "axisPointer": {
- "type": "line"
- },
- "showContent": true,
- "alwaysShowContent": false,
- "showDelay": 0,
- "hideDelay": 100,
- "formatter": "{a} <br/>{b}: {c} ({d}%)",
- "textStyle": {
- "fontSize": 14
- },
- "borderWidth": 0,
- "padding": 5
- },
- "rippleEffect": {
- "show": true,
- "brushType": "stroke",
- "scale": 2.5,
- "period": 4
- }
- },
- {
- "type": "pie",
- "name": "\u6587\u4ef6",
- "clockwise": true,
- "data": [
- {
- "name": "io_utils.py",
- "value": 1057
- },
- {
- "name": "ImageCustom_dict.txt",
- "value": 1000
- },
- {
- "name": "ImageNet_12_dict.txt",
- "value": 1000
- },
- {
- "name": "\u5176\u5b83",
- "value": 15814
- },
- {
- "name": "functions.py",
- "value": 1280
- },
- {
- "name": "extract_patches_1st.py",
- "value": 949
- },
- {
- "name": "io_utils.py",
- "value": 777
- },
- {
- "name": "\u5176\u5b83",
- "value": 9727
- }
- ],
- "radius": [
- "40%",
- "55%"
- ],
- "center": [
- "50%",
- "50%"
- ],
- "label": {
- "show": true,
- "position": "outside",
- "margin": 8,
- "formatter": "{a|{a}}{abg|}\n{hr|}\n {b|{b}: }{c} {per|{d}%} ",
- "backgroundColor": "#eee",
- "borderColor": "#aaa",
- "borderWidth": 1,
- "borderRadius": 4,
- "rich": {
- "a": {
- "color": "#999",
- "lineHeight": 22,
- "align": "center"
- },
- "abg": {
- "backgroundColor": "#e3e3e3",
- "width": "100%",
- "align": "right",
- "height": 22,
- "borderRadius": [
- 4,
- 4,
- 0,
- 0
- ]
- },
- "hr": {
- "borderColor": "#aaa",
- "width": "100%",
- "borderWidth": 0.5,
- "height": 0
- },
- "b": {
- "fontSize": 16,
- "lineHeight": 33
- },
- "per": {
- "color": "#eee",
- "backgroundColor": "#334455",
- "padding": [
- 2,
- 4
- ],
- "borderRadius": 2
- }
- }
- },
- "tooltip": {
- "show": true,
- "trigger": "item",
- "triggerOn": "mousemove|click",
- "axisPointer": {
- "type": "line"
- },
- "showContent": true,
- "alwaysShowContent": false,
- "showDelay": 0,
- "hideDelay": 100,
- "formatter": "{a} <br/>{b}: {c} ({d}%)",
- "textStyle": {
- "fontSize": 14
- },
- "borderWidth": 0,
- "padding": 5
- },
- "rippleEffect": {
- "show": true,
- "brushType": "stroke",
- "scale": 2.5,
- "period": 4
- }
- }
- ],
- "legend": [
- {
- "data": [
- "ZZ",
- "mabingqi",
- "io_utils.py",
- "ImageCustom_dict.txt",
- "ImageNet_12_dict.txt",
- "\u5176\u5b83",
- "functions.py",
- "extract_patches_1st.py"
- ],
- "selected": {},
- "show": true,
- "left": "left",
- "orient": "vertical",
- "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
- },
- "title": [
- {
- "padding": 5,
- "itemGap": 10
- }
- ]
- };
- chart_e563cff1cef74148bc1003eab8f1387a.setOption(option_e563cff1cef74148bc1003eab8f1387a);
- </script>
- </body>
- </html>
|