阅读(912) (0)

polar提示框浮层的边框与内边距

2017-09-13 11:57:54 更新

在 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);'