How to adjust the echart radar map when the text is obscured?

how to adjust the text obscured by echart radar map, changing the grid attribute does not work

Echarts
Mar.28,2021

perfect solution through radar > radius radius represents the zoom ratio 

        radar: [{
                indicator: [
                    { text: '', max: 100 },
                    { text: '', max: 100 },
                    { text: '', max: 100 },
                    { text: '', max: 100 },
                    { text: '', max: 100 }
                ],
                radius: 50
            }
        ],

check the corresponding configuration manual for the modification of this field without location type
radar.name
I think it is necessary to enlarge the size of the div placed by the Echarts control. This problem also occurs in the official case when I test it on the page.

this problem also occurs when the div is too small

you can control the specific location of the radar map through the center / center (radar.center) and radius (radar.radius);
whether to use specific pixel values or percentages can be selected on a case-by-case basis, see the document

for example: 

radar: {
    //  title 
    radius: 90,
    center: ['50%', '55%'],
    name: {
        textStyle: {
            color: '-sharpfff',
            backgroundColor: '-sharp999',
            borderRadius: 3,
            padding: [3, 5]
        }
    },
    indicator: [
        {name: '', max: 4},
        {name: '', max: 4},
        {name: '', max: 4},
        {name: '', max: 4}
    ]
},
If the text in

indicator is long, you can wrap the text to display
`
radar: [

      {
        name: {
          textStyle: {
            color: "-sharp72767A",
            fontSize: this.fontSize(0.3),
            padding: [0, 20],
          },
          lineHeight: this.fontSize(0.4),
          formatter(params) {
            return params.replace(/\//g, "\n");
          },
        },
        axisLine: {
          lineStyle: {
            color: "-sharpC3C3C3",
            width: this.fontSize(0.03),
          },
        },
        splitLine: {
          lineStyle: {
            width: this.fontSize(0.03),
          },
        },
        splitArea: {
          show: true,
          areaStyle: {
            color: [
              "rgba(255,235,217, 0.1)",
              "rgba(255,235,217, 0.2)",
              "rgba(255,235,217, 0.4)",
              "rgba(255,235,217, 0.6)",
              "rgba(255,235,217, 0.8)",
              "rgba(255,235,217, 1)",
            ].reverse(),
          },
        },
        center: ["50%", "56%"],
        radius: "65%",
        indicator: [
          { text: "/", max: 100 },
          { text: "/", max: 100 },
          { text: "", max: 100 },
          { text: "/", max: 100 },
          { text: "/", max: 100 },
        ],
      },
    ],`

Previous: After Android uses Wechat floating window, the sessionstorage cache is cleared.

Next: How does JQ get the parameter value after the domain name question mark?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bfd9e9-31b10.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bfd9e9-31b10.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?