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: anycurrentIndex: number // 当前激活的索引}>({timer: null,currentIndex: 0,})
10. 在treemap图中,隐藏下面的导航面包屑可以在series中设置breadcrumb: false,禁止缩放与移动使用roam:false,铺满当前容器可以设置width: '100%',height: '100%',都在series中设置。