echarts中一些关键的配置

1. series中silent: true，不响应鼠标的事件，在pie中应用较多，自动切换不同扇形，不用响应鼠标移入移出事件。

2. label与empasis，pie中为显示标签，与某区域选中高亮时显示的配置，empasis中可以设置label，itemStyle等。

3. label中formatter： {text|{a}}, 其中text为修饰a值的样式，可以在rich: { text: { 在这里定义 }}

4. legend中如果不用实现选中切换，可以设置selectedMode: false。

5. grid中可以设置是否包含横轴与纵轴的高度与宽度，containLabel: true。还可以设置图表上下左右的距离。

6. pie中如果避免lable重叠，可以设置avoidLabelOverlap: true。

7. line，bar等有横轴坐标的，其label可以通过axisLabel设置字体大小fontSize、颜色color、旋转角度rotate、上右下左的距离padding:[0,0,0,0]

8, 双y轴设置，配置yAxis和series均为数组，各自中对象的name值对应，其中series中某一个对象设置yAxisIndex: 1则可以将其置于右侧。

9. 在一些定时器更新的场景，setOption(option,true)，第二个参数需要设置，即新数据不与原有数据merge操作。react中计数器通常在ref中定义

const timerRef = useRef<{
    timer: any
    currentIndex: number // 当前激活的索引
  }>({
    timer: null,
    currentIndex: 0,
  })

10. 在treemap图中，隐藏下面的导航面包屑可以在series中设置breadcrumb: false，禁止缩放与移动使用roam:false，铺满当前容器可以设置width: '100%',height: '100%'，都在series中设置。

11. 在折线图中，横轴catalog的值比较多时，可以使用interval属性进行间隔处理，而不是全部显示出来。

{
    xAxis:{
      axisLabel:{
          interval: 4, // 时间间隔，一般用于折线的横轴为连续时间场景
          rotate: 0, // 旋转角度
          size: 100, // 宽度100
          overflow: 'truncate' // 宽度超100，省略显示
      }
    }
}