在钉钉工作台自定义组件中 使用漏斗图 图示无法正确显示

[lhhana]

• Link:
• Platform:
• Mini Showcase(like screenshots):

`

onInitChart(F2, config) {

const data = [
  { action: '售前咨询', pv: 50000, percent: 1 },
  { action: '商务报价', pv: 35000, percent: 0.7 },
  { action: '售中订单', pv: 25000, percent: 0.5 },
  { action: '签约洽谈', pv: 15000, percent: 0.3 },
  { action: '签订合同', pv: 8000, percent: 0.16 }
];

const chart = new F2.Chart(config);
chart.source(data);
chart.axis(false);
chart.coord({
  transposed: true,
  scale: [ 1, -1 ]
});

chart.legend(false);
chart.intervalLabel({
  offsetX: 5,
  label: (data, color) => {
    return {
      text: data.action,
      fill: color
    };
  },

  guide: data => {
    return {
      text: (data.percent * 100).toFixed(0) + '%',
      style:{
        fill: '#fff',
      }    
    };
  }
});

chart.interval()
  .position('action*percent')
  .color('action', [ '#1959CF', '#4F8FF7', '#F39E3B', '#E7C342', '#4EAC50' ])
  .adjust('symmetric')
  .style({
    lineWidth: 2,
    stroke: '#fff'
  })
  .shape('funnel');
chart.render();
return chart`

!
QQ图片20201226133816