Echarts 饼图--提示框组件(tooltip)完全显示提示信息

时间:2025-01-19 16:33:51
  • 当饼图所显示区域的宽度较窄时,其提示信息会被遮挡。
  • 设置 tooltipposition ,即可设置提示框的位置,默认情况下是跟随鼠标的移动
  • position 值为 Array 时,数字设置绝对位置,百分比设置相对位置
  • position 值为 Function 时,其参数有(point: Array, params: Object|Array.<Object>, dom: HTMLDomElement, rect: Object, size: Object) => Array
  • point: 鼠标位置,如 [20, 40]。
  • params: 同 formatter 的参数相同。
  • dom: tooltip 的 dom 对象。
  • rect: 只有鼠标在图形上时有效,是一个用x, y, width, height四个属性表达的图形包围盒。
  • size: 包括 dom 的尺寸和 echarts 容器的当前尺寸,例如:{contentSize: [width, height], viewSize: [width, height]}。
  • 返回值可以是一个表示 tooltip 位置的数组,[10,10];也可以是一个对象,{left: 10, top: 30}