Antv F2的報錯解決辦法,可解決相似全部Antv F2方法名找不到的問題

一句話總結:使用html

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

代替git

import F2 from "@antv/f2";

import F2 from "@antv/f2";
若是已心照不宣,能夠關閉該頁面啦~~~github

叨叨叨以下;
舉一個小小例子,例子來源於官方文檔:https://antv.alipay.com/zh-cn...
使用Antv過程當中,須要給餅圖配置Label,官方例子提供的代碼以下:ide

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的任何別的方法找不到的報錯,請想到這篇文章code

相關文章
相關標籤/搜索