空数据的饼图样式

echarts5.3之后的版本,可以通过 emptyCircleStyle配置这个占位圆的样式。
解决饼图没有数据,画面中可能就是完全空白的。
因为没有任何的视觉元素,所以用户会疑惑是不是出现了 bug 导致图中没有内容

饼图 tooltip文字溢出

image.png
confine: true修改后的效果
image.png

  1. // 第一处
  2. tooltip: {
  3. trigger: 'item',
  4. //formatter: '{a} <br/>{b} : {c}mmol/L ({d}%)',
  5. confine: true;//将此限制打开后tooltip将不再溢出
  6. },
  7. // 第二处
  8. series: [
  9. {
  10. name: '血糖',
  11. type: 'pie',
  12. label: {
  13. normal: {
  14. position: "inside"//此处将展示的文字在内部展示
  15. }
  16. },
  17. }
  18. ]