阅读(2455) (1)

ECharts控制按钮在不同状态下的样式

2017-10-10 10:21:59 更新

ECharts 中控制按钮有两种不同的状态,一种是 normal,表示控制按钮在正常状态下的样式设置;另一种是 emphasis,表示控制按钮在高亮状态下的样式。本节讲述在这两种状态下如何设置 ECharts 控制按钮的颜色、线宽等等。

timeline.controlStyle.normal   |   Object

ECharts 控制按钮的正常状态的样式。

timeline.controlStyle.normal.color   |   Color

[ default: '#304654' ]

设置控制按钮的颜色,默认值为 '#304654'。

timeline.controlStyle.normal.borderColor   |   Color

[ default: '#304654' ]

控制按钮的边框颜色。

timeline.controlStyle.normal.borderWidth   |   number

[ default: 1 ]

控制按钮的边框线宽。

timeline.controlStyle.emphasis   |   Object

设置控制按钮的高亮状态的样式(鼠标 hover 时)。

timeline.controlStyle.emphasis.color   |   Color

[ default: '#c23531' ]

控制按钮的颜色。

timeline.controlStyle.emphasis.borderColor   |   Color

[ default: '#c23531' ]

控制按钮的边框颜色。

timeline.controlStyle.emphasis.borderWidth   |   number

[ default: 2 ]

控制按钮边框线宽。