13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联ECharts教程:Treemap特定的提示框浮层

series[i]-treemap.tooltip 

设置 Treemap 特定的提示框浮层。

创新互联建站长期为上1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为平鲁企业提供专业的做网站、成都做网站平鲁网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

Treemap 提示框浮层属性

formatter 

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层内容格式器,支持字符串模板和回调函数两种形式。

backgroundColor

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层的背景颜色。默认值为 'rgba(50,50,50,0.7)'。

borderColor

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层的边框颜色。默认值为 '#333' 。

borderWidth

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层的边框宽。该值类型为 number,默认值为 0 。

padding

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层内边距,单位 px,默认各方向内边距为5,接受数组分别设定上右下左边距。

使用示例:

// 设置内边距为 5
padding: 5
// 设置上下的内边距为 5,左右的内边距为 10
padding: [5, 10]
// 分别设置四个方向的内边距
padding: [
    5,  // 上
    10, // 右
    5,  // 下
    10, // 左
]
textStyle

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层的文本样式。

position

注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。

提示框浮层的位置,默认不设置时位置会跟随鼠标的位置。

以下是该提示框浮层可选的值: