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

ECharts 中控制按钮有两种不同的状态，一种是 normal，表示控制按钮在正常状态下的样式设置；另一种是 emphasis，表示控制按钮在高亮状态下的样式。

本节讲述在这两种状态下如何设置 ECharts 控制按钮的颜色、线宽等等。

timeline.controlStyle.normal

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

timeline.controlStyle.normal.color

Color [ 默认值 '#304654' ]

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

timeline.controlStyle.normal.borderColor

Color [ 默认值 '#304654' ]

控制按钮的边框颜色。

timeline.controlStyle.normal.borderWidth

number [ 默认值 1 ]

控制按钮的边框线宽。

timeline.controlStyle.emphasis

Object

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

timeline.controlStyle.emphasis.color

Color [ 默认值 '#c23531' ]

控制按钮的颜色。

timeline.controlStyle.emphasis.borderColor

Color [ 默认值 '#c23531' ]

控制按钮的边框颜色。

timeline.controlStyle.emphasis.borderWidth

number [ 默认值 2 ]

控制按钮边框线宽。