ECharts 入门教程 ECharts控制按钮在不同状态下的样式

2024-02-25 开发教程 ECharts 入门教程 匿名 14

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 ]

控制按钮边框线宽。