JSRUN 用代码说话

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

编辑教程

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

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


polar.tooltip.borderColor

Color [ 默认值: '#333' ]

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


polar.tooltip.borderWidth

number [ 默认值: 0 ]

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


polar.tooltip.padding

number [ 默认值: 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);'
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟