the problem of setting the start and end angles of the dashboard, from-45 degrees to 135 degrees, as shown in figure 1, is changed to 135 to-45 degrees in figure 2, but it does not satisfy the design that the scale increases gradually from right to left. The document says that clockwise: false can increase the scale counterclockwise. But the actual addition is shown in figure 3.
now I don"t know what to do with it. Ask God echarts for help.
{
name:"",
type:"gauge",
center : ["83%", "56%"], //
radius : "67%",
// clockwise: false,
min:0,
max:100,
startAngle:-45,
endAngle:135,
splitNumber:10,
axisLine: { //
lineStyle: { // lineStyle
color: [[0.8, "-sharp017b01"],[0.95, "-sharpcd7d00"],[1, "-sharpaa053b"]],
width: 7
}
},
axisLabel: { //
textStyle: { // lineStyle
fontWeight: "bolder",
fontSize: 8,
color: "-sharpfff",
shadowColor : "-sharpfff", //
shadowBlur: 10
},
distance: 2
},
axisTick: { //
length :7, // length
lineStyle: { // lineStyle
color: "auto"
}
},
splitLine: { //
length :15, // length
lineStyle: { // lineStylelineStyle
width:2,
color: "auto"
}
},
pointer: {
width:3
},
// itemStyle: {
// color: "-sharp01e8eb"
// },
title : {
offsetCenter: [0, "-30%"], // x, ypx
textStyle: { // TEXTSTYLE
fontWeight: "bolder",
fontStyle: "italic",
fontSize: 10,
color: "-sharpfff",
shadowColor : "-sharpfff", //
// shadowBlur: 10
}
},
detail : {
// backgroundColor: "rgba(30,144,255,0.8)",
// borderWidth: 1,
borderColor: "-sharpfff",
shadowColor : "-sharpfff", //
shadowBlur: 5,
width: 80,
height:30,
offsetCenter: [25, "20%"], // x, ypx
textStyle: { // TEXTSTYLE
fontWeight: "bolder",
fontSize: 18,
color: "-sharpfff"
}
},
data:[{value: 50, name: ""}]
}
figure 3