antvis / my-f2

F2 的支付宝小程序版本
MIT License
146 stars 23 forks source link

无法初始化F2雷达图 #99

Open xuxiaoyang883 opened 2 years ago

xuxiaoyang883 commented 2 years ago

1.使用my-f2封装组件,使用官网雷达图实例,无法初始化雷达图 axml代码:

js代码: Page({ data: {}, onLoad() { }, onInitChart(F2, config,context) { const chart = new F2.Chart(config); const recentOneMonth = [{ name: '超大盘能力', value: 6.5 }, { name: '抗跌能力', value: 9.5 }, { name: '稳定能力', value: 9 }, { name: '绝对收益能力', value: 6 }, { name: '选证择时能力', value: 6 }, { name: '风险回报能力', value: 8 }];

  chart.source(recentOneMonth, {
    value: {
    min: 0,
    max: 10
  }
  });
  console.log(chart)
  chart.coord('polar');
chart.tooltip(false); // 关闭 tooltip
chart.axis('value', {
  grid: {
    lineDash: null
  },
  label: null,
  line: null
});
chart.axis('name', {
  grid: {
    lineDash: null
  }
})
chart.area().position('name*value').color('#FE5C5B').style({
  fillOpacity: 0.2
}).animate({
  appear: {
    animation: 'groupWaveIn'
  }
});
chart.line().position('name*value').color('#FE5C5B').size(1).animate({
  appear: {
    animation: 'groupWaveIn'
  }
});
chart.point().position('name*value').color('#FE5C5B').animate({
  appear: {
    delay: 300
  }
});

/* chart.guide().html({
  position: ['50%', '50%'],
  html: '<view style="color: #FE5C5B;white-space: nowrap;text-align:center;">' + '<view style="font-size: 12px;margin:0;">诊断分</view>' + '<view style="font-size: 32px;margin:0;font-weight: bold;">73</view>' + '</view>'
}); */
  return chart;
},
jump(){
  my.navigateTo({
    url: '../day-k/day-k'
  });
},

}); json配置项: { "defaultTitle": "基金评估图", "usingComponents": { "f2": "@antv/my-f2" } } my-f2版本2.1.5 @antv/f2版本3.8.3