fix(types): axis for composition

[pearmini]

• 增加一个复合图表更新数据的单侧保证正确性。
• 修复和 composition 相关的 types。

import { Chart } from '@antv/g2';

const chart = new Chart({ theme: 'classic', container: 'container' });

const view = chart
  .facetRect()
  .data([
    { name: 'CPU', percent: 27, color: 'rgba(90, 132, 226, 1)' },
    { name: '内存', percent: 81, color: 'rgba(250, 57, 57, 1)' },
    { name: '硬盘', percent: 68, color: 'rgba(253, 192, 45, 1)' },
  ])
  .encode('x', 'name')
  .axis(false)
  .legend(false)
  .view()
  .attr('frame', false)
  .coordinate({ type: 'radial', innerRadius: 0.7, outerRadius: 0.95 });

view
  .interval()
  .encode('y', 100)
  .encode('size', 52)
  .scale('y', { zero: true })
  .axis(false)
  .style('fill', 'rgba(232, 232, 232, 1)')
  .animate(false);

view
  .interval()
  .encode('y', 'percent')
  .encode('color', 'color')
  .encode('size', 80)
  .scale('color', { type: 'identity' })
  .tooltip({ name: '已使用', channel: 'y' })
  .axis(false)
  .style('radius', 26)
  .style('shadowColor', 'color')
  .style('shadowBlur', 10)
  .style('shadowOffsetX', -1)
  .style('shadowOffsetY', -1)
  .animate('enter', { type: 'waveIn', duration: 1000 });

view
  .text()
  .encode('text', (d) => `${d.name} ${d.percent}%`)
  .style('textAlign', 'center')
  .style('textBaseline', 'middle')
  .style('fontSize', 15)
  .style('color', 'rgba(74, 74, 74, 1)')
  .style('x', '50%')
  .style('y', '50%');

chart.render();

[Aarebecca]

为啥把圆心的文本隐藏掉 大小就不一致了呢

[pearmini]

为啥把圆心的文本隐藏掉 大小就不一致了呢

这里应该不需要 `interval.encode('x', 'name'):

view
  .interval()
  .encode('x', 'name') // 不需要这一行