{{target: component-tooltip}}

tooltip(Object)

提示框组件。


{{use: partial-tooltip-introduction}}

{{use: partial-tooltip-coords-common( prefix=‘#’, galleryViewPath=${galleryViewPath} )}}

showContent(boolean) = true

是否显示提示框浮层,默认显示。只需tooltip触发事件或显示axisPointer而不需要显示内容时可配置该项为false

alwaysShowContent(boolean) = false

是否永远显示提示框内容,默认情况下在移出可触发提示框区域后 一定时间 后隐藏,设置为 true 可以保证一直显示提示框内容。

该属性为 ECharts 3.0 中新加。

triggerOn(string) = ‘mousemove|click’

提示框触发的条件,可选:

  • 'mousemove'

    鼠标移动时触发。

  • 'click'

    鼠标点击时触发。

  • 'mousemove|click'

    同时鼠标移动和点击时触发。

  • 'none'

    不在 'mousemove''click' 时触发,用户可以通过 action.tooltip.showTipaction.tooltip.hideTip 来手动触发和隐藏。也可以通过 axisPointer.handle 来触发或隐藏。

该属性为 ECharts 3.0 中新加。

showDelay(number) = 0

浮层显示的延迟,单位为 ms,默认没有延迟,也不建议设置。在 triggerOn'mousemove' 时有效。

hideDelay(number) = 100

浮层隐藏的延迟,单位为 ms,在 alwaysShowContenttrue 的时候无效。

enterable(boolean) = false

鼠标是否可进入提示框浮层中,默认为false,如需详情内交互,如添加链接,按钮,可设置为 true

renderMode(string) = ‘html’

浮层的渲染模式,默认以 'html 即额外的 DOM 节点展示 tooltip;此外还可以设置为 'richText' 表示以富文本的形式渲染,渲染的结果在图表对应的 Canvas 中(目前 SVG 尚未支持富文本),这对于一些没有 DOM 的环境(如微信小程序)有更好的支持。

confine(boolean) = false

是否将 tooltip 框限制在图表的区域内。

当图表外层的 dom 被设置为 'overflow: hidden',或者移动端窄屏,导致 tooltip 超出外界被截断时,此配置比较有用。

transitionDuration(number) = 0.4

提示框浮层的移动动画过渡时间,单位是 s,设置为 0 的时候会紧跟着鼠标移动。

{{ use: partial-tooltip-common(scope=‘global’, prefix=‘#’) }}