Antv F2的报错解决办法,可解决类似所有Antv F2方法名找不到的问题

javascript/jquery

浏览数:706

2019-4-14

一句话总结:使用

import F2 from "@antv/f2/lib/index-all";

代替

import F2 from "@antv/f2";

import F2 from “@antv/f2”;
如果已心领神会,可以关闭该页面啦~~~

叨叨叨如下;
举一个小小例子,例子来源于官方文档:https://antv.alipay.com/zh-cn…
使用Antv过程中,需要给饼图配置Label,官方例子提供的代码如下:

chart.pieLabel({
sidePadding: 75,
label1: function label1(data) {
  return {
    text: data.memo,
    fill: '#808080'
  };
},
label2: function label2(data) {
  return {
    fill: '#000000',
    text: '$' + data.amount.toFixed(2),
    fontWeight: 500,
    fontSize: 10
  };
}
});

这时候会发现你的饼图没法像官方例子那样如愿出现,而且报了个错chart.pieLabel is not a function,刚好我也遇到了跟你同样的问题,于是我找到github,
看到了这么一个文件 https://github.com/antvis/f2/…
于是,我改变了F2的import的方式,用”import F2 from “@antv/f2/lib/index-all”;”代替”import F2 from “@antv/f2″;”,于是问题就解决了,道理就不多说了,你可以举一反三,恰好你遇到Antv的任何别的方法找不到的报错,请想到这篇文章