option = {
backgroundColor:'#0c2d55',
series: [
{
type: "pie",
labelLine: {
show: false,
},
z: 10,
radius: 3,
data: [
{
value: 100,
itemStyle: {
color: "#fff",
},
},
],
},
{
name: "hour",
type: "gauge",
startAngle: 90,
endAngle: -270,
min: 0,
max: 360,
splitNumber: 8,
radius: "70%",
axisLine: {
lineStyle: {
width: 1,
color: [[1, "rgba(34, 86, 186, 1)"]],
shadowColor: "rgba(0, 0, 0, 0.5)",
shadowBlur: 15,
},
},
splitLine: {
distance: 0,
lineStyle: {
shadowColor: "rgba(0, 0, 0, 0.3)",
shadowBlur: 3,
shadowOffsetX: 1,
shadowOffsetY: 2,
color: "#3379FC",
},
},
axisLabel: {
fontSize: 12,
distance: -50,
color: "#C0E5F9",
formatter: function (value) {
if (value === 360) {
return "";
}
return value;
},
},
axisTick: {
distance: 0,
lineStyle: {
color: "#3379FC",
},
length: 6,
},
pointer: {
show: true,
length: "70%",
width: "5",
itemStyle: {
color: "#007BF9",
},
},
detail: {
show: false,
},
data: [
{
value: 90,
},
],
},
]
};