为什么我的svg图坐标不对

来源:5-14 累计用户数组件开发(下)

Jerry卢

2020-12-12

{
              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填充色
                    }
                }

              }
          }

图片描述

写回答

1回答

扬_灵

2020-12-13

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


1
1
Jerry卢
不好意思,position单词写错了
2020-12-13
共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程