pie_set_color.html

4 years ago · 985efae6c7
parent 685d180012
commit 985efae6c7
1 changed files with 141 additions and 0 deletions
--- a/SpiderWebsite/pie_set_color.html
+++ b/SpiderWebsite/pie_set_color.html
@ -0,0 +1,141 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <!--<title>Awesome-pyecharts</title>-->
+    <title>数据分析</title>
+    
+        <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
+    
+</head>
+<body>
+    <div id="1f2015dbd84b47fc95b04be607d3b1c0" class="chart-container" style="width:900px; height:500px;"></div>
+    <script>
+        var chart_1f2015dbd84b47fc95b04be607d3b1c0 = echarts.init(
+            document.getElementById('1f2015dbd84b47fc95b04be607d3b1c0'), 'white', {renderer: 'canvas'});
+        
+        var option_1f2015dbd84b47fc95b04be607d3b1c0 = {
+    "animation": true,
+    "animationThreshold": 2000,
+    "animationDuration": 1000,
+    "animationEasing": "cubicOut",
+    "animationDelay": 0,
+    "animationDurationUpdate": 300,
+    "animationEasingUpdate": "cubicOut",
+    "animationDelayUpdate": 0,
+    "color": [
+        "blue",
+        "green",
+        "yellow",
+        "red",
+        "pink",
+        "orange",
+        "purple"
+    ],
+    "series": [
+        {
+            "type": "pie",
+            "clockwise": true,
+            "data": [
+                {
+                    "name": "\u8349\u8393",
+                    "value": 42
+                },
+                {
+                    "name": "\u8292\u679c",
+                    "value": 114
+                },
+                {
+                    "name": "\u8461\u8404",
+                    "value": 99
+                },
+                {
+                    "name": "\u96ea\u68a8",
+                    "value": 60
+                },
+                {
+                    "name": "\u897f\u74dc",
+                    "value": 81
+                },
+                {
+                    "name": "\u67e0\u6aac",
+                    "value": 83
+                },
+                {
+                    "name": "\u8f66\u5398\u5b50",
+                    "value": 86
+                }
+            ],
+            "radius": [
+                "0%",
+                "75%"
+            ],
+            "center": [
+                "50%",
+                "50%"
+            ],
+            "label": {
+                "show": true,
+                "position": "top",
+                "margin": 8,
+                "formatter": "{b}: {c}"
+            },
+            "rippleEffect": {
+                "show": true,
+                "brushType": "stroke",
+                "scale": 2.5,
+                "period": 4
+            }
+        }
+    ],
+    "legend": [
+        {
+            "data": [
+                "\u8349\u8393",
+                "\u8292\u679c",
+                "\u8461\u8404",
+                "\u96ea\u68a8",
+                "\u897f\u74dc",
+                "\u67e0\u6aac",
+                "\u8f66\u5398\u5b50"
+            ],
+            "selected": {},
+            "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
+    },
+    "title": [
+        {
+            "text": "Pie-\u8bbe\u7f6e\u989c\u8272",
+            "padding": 5,
+            "itemGap": 10
+        }
+    ]
+};
+        chart_1f2015dbd84b47fc95b04be607d3b1c0.setOption(option_1f2015dbd84b47fc95b04be607d3b1c0);
+        
+        
+    </script>
+</body>
+</html>