为什么我的svg图坐标不对

Question

{
              type: 'custom',   //自定义
              stack: '总量',
              data: [200],
              renderItem: (params, api) => {
                //   console.log(params, api)
                const value = api.value(0); //获取data中的第一个元素，目前只有一个，也就是200
                const endPoint = api.coord([value, 0]); //坐标系；coord([x,y])
                // console.log(endPoint)
                return {
                    type: 'path',   //绘制的线段，可以传入svg图像
                    positon: endPoint,  //图像的坐标系
                    shape: {    //形状
                        d: 'M1024 255.996 511.971 767.909 0 255.996 1024 255.996z',  //svg图像内容
                        x: 0,   //相对的偏移量
                        y: 0,
                        width: 20,  //图像大小
                        height: 20
                    },
                    style: {
                        fill: 'red' //对svg填充色
                    }
                }

              }
          }

Answer 1

扬_灵 2020-12-13 13:17:13

同学你好，图标显示的位置是由position来控制的，你可以在这里打印一下看看position的值是什么，如果你的代码可老师的是一样的但是显示位置不一样可以把项目上传到github或是码云这些代码托管平台把地址发我一下，我在本地帮你定位一下。

• 提问者 Jerry卢 #1

  不好意思，position单词写错了