阅读(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);'