polar提示框浮層的邊框與內(nèi)邊距

2018-09-13 13:46 更新

在 ECharts 中可以使用 borderColor、borderWidth 和 padding 來(lái)分別設(shè)置 polar 的提示框浮層的邊框顏色、寬度以及內(nèi)邊距。除此之外,還可以通過(guò) extraCssTaxt 在提示框浮層添加額外的 css 樣式。

polar.tooltip.borderColor   |   Color

[ default: '#333' ]

設(shè)置 polar 提示框浮層的邊框顏色。

polar.tooltip.borderWidth   |   number

[ default: 0 ]

設(shè)置 polar 提示框浮層的邊框?qū)挕?/p>

polar.tooltip.padding   |   number

[ default: 5 ]

提示框浮層內(nèi)邊距,單位為 px,默認(rèn)各方向內(nèi)邊距為 5 px,接受數(shù)組分別設(shè)定上右下左邊距。

使用示例:

// 設(shè)置內(nèi)邊距為 5
padding: 5
// 設(shè)置上下的內(nèi)邊距為 5,左右的內(nèi)邊距為 10
padding: [5, 10]
// 分別設(shè)置四個(gè)方向的內(nèi)邊距
padding: [
    5,  // 上
    10, // 右
    5,  // 下
    10, // 左
]

polar.tooltip.extraCssText   |   string

額外附加到提示框浮層的 css 樣式。

如下為浮層添加陰影的示例:

extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)