ECharts 入门教程 polar提示框浮层的边框与内边距

2024-02-25 开发教程 ECharts 入门教程 匿名 4

在 ECharts 中可以使用 borderColor、borderWidth 和 padding 来分别设置 polar 的提示框浮层的边框颜色、宽度以及内边距。除此之外,还可以通过 extraCssTaxt 在提示框浮层添加额外的 css 样式。

polar.tooltip.borderColor | Color

[ default: '#333' ]

设置 polar 提示框浮层的边框颜色。

polar.tooltip.borderWidth | number

[ default: 0 ]

设置 polar 提示框浮层的边框宽。

polar.tooltip.padding | number

[ default: 5 ]

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

使用示例:

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

polar.tooltip.extraCssText | string

额外附加到提示框浮层的 css 样式。

如下为浮层添加阴影的示例:

extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'