echarts 柱状图数量过大y轴展示不全 饼图图例和label重叠

1.柱状图数量过大

grid. containLabel
boolean
grid 区域是否包含坐标轴的刻度标签。

containLabel 为 false 的时候：
grid.left grid.right grid.top grid.bottom grid.width grid.height 决定的是由坐标轴形成的矩形的尺寸和位置。
这比较适用于多个 grid 进行对齐的场景，因为往往多个 grid 对齐的时候，是依据坐标轴来对齐的。
containLabel 为 true 的时候：
grid.left grid.right grid.top grid.bottom grid.width grid.height 决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。
这常用于『防止标签溢出』的场景，标签溢出指的是，标签长度动态变化时，可能会溢出容器或者覆盖其他组件。

yAxis: {
  name: '金额（元）',
  type: 'value',
},
grid: { // 配置grid的containLabel属性
  containLabel: true,
},

2.饼图图例和label展示不全

radius 设置饼图比例大小，center是相对于默认位置的偏移XY轴位置，avoidLabelOverlap属性是解决图例和饼图label重叠问题，此配置放在series[]配置里

radius: '70%',
center: ['40%', '50%'],
avoidLabelOverlap: true,