Spaces:
Running
Running
Upload sdq.html
Browse files
sdq.html
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<html>
|
| 2 |
+
<head><style type="text/css">body {margin: 0;}#main {height: 100%;}</style></head>
|
| 3 |
+
<body><div id="main"></div>
|
| 4 |
+
<script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.js"></script>
|
| 5 |
+
<script src=".//echarts-liquidfill.js"></script>
|
| 6 |
+
<script>var myChart = echarts.init(document.getElementById("main"));
|
| 7 |
+
var fx = {
|
| 8 |
+
series: [{
|
| 9 |
+
type: 'liquidFill',
|
| 10 |
+
data: [0.6, 0.55, 0.4, 0.25],
|
| 11 |
+
radius: '90%',
|
| 12 |
+
outline: {
|
| 13 |
+
show: false
|
| 14 |
+
},
|
| 15 |
+
backgroundStyle: {
|
| 16 |
+
borderColor: '#156ACF',
|
| 17 |
+
borderWidth: 1,
|
| 18 |
+
shadowColor: 'rgba(0, 0, 0, 0.4)',
|
| 19 |
+
shadowBlur: 20
|
| 20 |
+
},
|
| 21 |
+
shape: 'path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z',
|
| 22 |
+
label: {
|
| 23 |
+
normal: {
|
| 24 |
+
position: ['38%', '40%'],
|
| 25 |
+
formatter: function() {
|
| 26 |
+
return '吹水\n吹牛逼我们是认真的';
|
| 27 |
+
},
|
| 28 |
+
textStyle: {
|
| 29 |
+
fontSize: 40,
|
| 30 |
+
color: '#D94854'
|
| 31 |
+
}
|
| 32 |
+
}
|
| 33 |
+
}
|
| 34 |
+
}]
|
| 35 |
+
|
| 36 |
+
};
|
| 37 |
+
myChart.setOption(fx);</script></body>
|
| 38 |
+
</html>
|
| 39 |
+
|