加菲大帅猫 2022-05-24 14:45 采纳率: 35%
浏览 31
已结题

vue + echart 雷达图怎么添加坐标

问题遇到的现象和发生背景

需要给雷达图添加边框提示类似于这样

img


试着在百度找了,但是都不能正确添加

img

问题相关代码,请勿粘贴截图
echartsOption : {
              title: {
                text: "",
              },
              legend: {
                // data: ["BDS", "GPS"],
              },
              polar: {},
              tooltip: {
                trigger: "axis",
                axisPointer: {
                  type: "cross",
                },
              },
              angleAxis: {
                type: "value",
                min: 0,
                max: 360,
                axisTick: {
                  show: false,
                },
                axisLabel: {
                  show: false,
                },
              },
              radiusAxis: {
                type: "value",
                min: 90,
                max: 0,
                splitNumber: 3,
                axisLine: {
                  show: false,
                },
                axisTick: {
                  show: false,
                },
                axisLabel: {
                  show: false,
                },
              },
              
              series: [
                {
                  coordinateSystem: "polar",
                  name: "BDS",
                  symbolSize: 28,
                  itemStyle: {
                    normal: {
                      color: "rgb(52, 152, 219)",
                    },
                  },
                  label: {
                    normal: {
                      show: true,
                      formatter: "{b}",
                      position: "inside",
                      textStyle: {
                        color: "#fff",
                        fontSize: 12,
                      },
                    },
                  },
                  type: "scatter",
                  data: this.data1,
                },
                {
                  coordinateSystem: "polar",
                  name: "GPS",
                  symbolSize: 28,
                  itemStyle: {
                    normal: {
                      color: "rgb(26, 187, 156)",
                    },
                  },
                  label: {
                    normal: {
                      show: true,
                      formatter: "{b}",
                      position: "inside",
                      textStyle: {
                        color: "#fff",
                        fontSize: 12,
                      },
                    },
                  },
                  type: "scatter",
                  data: this.data2,
                },
              ],
            },

运行结果及报错内容

img

图片上的数字是圆心到半径的长,但是我想显示的是从边上到半径的,就是显示90-现在数字

我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-05-24 14:58
    关注
    评论 编辑记录

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 6月30日
  • 创建了问题 5月24日

悬赏问题

  • ¥15 易优eyoucms关于二级栏目调用的问题
  • ¥15 寻找公式识别开发,自动识别整页文档、图像公式的软件
  • ¥15 为什么eclipse不能再下载了?
  • ¥15 编辑cmake lists 明明写了project项目名,但是还是报错怎么回事
  • ¥15 关于#计算机视觉#的问题:求一份高质量桥梁多病害数据集
  • ¥15 特定网页无法访问,已排除网页问题
  • ¥50 如何将脑的图像投影到颅骨上
  • ¥15 提问一个关于vscode相关的环境配置问题,就是输入中文但是显示不出来,代码在idea可以显示中文,但在vscode不行,不知道怎么配置环境
  • ¥15 netcore使用PuppeteerSharp截图
  • ¥20 这张图页头,页脚具体代码该怎么写?