微信小程序使用F2时pieLabel is not a function无法使用的问题

微信小程序使用f2绘图真的一言难尽,各种坑...

使用饼图绘图时,需要加上饼图文本,此时提示chart.pieLabel is not a function,原因是官方说PieLabel插件默认没有打包至@antv/f2模块包中,而官方提供的解决方法也并不能使用,害我白白浪费了好多时间,如果你们尝试成功了请告诉我,万分感谢!

下面是在参考issue后自己解决这个问题的方法:

1.打开@antv/wx-f2/index.js发现没有注册PieLabel,但是有默认的Legend、Guide等,可以找到下面这段代码:
var Legend = /*#__PURE__*/Object.freeze({
    __proto__: null,
    init: init$2,
    beforeGeomDraw: beforeGeomDraw,
    afterGeomDraw: afterGeomDraw$2,
    clearInner: clearInner$1,
    'default': legend
});
2.相应的,去node_monules/@antv/f2/dist/f2-all.js,在文件中找到PieLabel的这一段,复制到上面的文件中
var PieLabel = /*#__PURE__*/Object.freeze({
    __proto__: null,
    init: init$4,
    afterGeomDraw: afterGeomDraw$4,
    clearInner: clearInner$3,
    'default': pieLabel
});
3.然后把对应的init、afterGeomDraw、clearInner对应的函数复制过来,其中pieLabel是一个对象,一并复制过来
4.运行发现还会缺少一些函数,这个时候控制台会有提醒 xx is not defined,复制函数名,复制过来,完成!
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容