Questions about the echarts dashboard.

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: ""}]
    }

clipboard.png

clipboard.png

clipboard.png figure 3

Apr.11,2021

the values of min and max of the third dashboard are exchanged, which is min:100,max:0

.
Menu