echarts自定义按钮,echarts常用组件,echarts设置,echarts添加按钮,echarts自定义组件,echarts的setoption
ECharts timeline组件是一个用于展示时间序列的组件，可以通过配置来控制按钮的样式。

对于ECharts timeline组件，可以通过设置controlStyle属性来控制按钮的样式。该属性是一个对象，包含以下可配置项：

- show：是否显示控制按钮，默认为true。
- itemSize：控制按钮大小，默认为22。
- itemGap：控制按钮之间的距离，默认为12。
- normal：正常状态下的样式配置，包含以下可配置项：
- color：控制按钮的颜色，默认为#333。
- borderColor：控制按钮边框的颜色，默认为#333。
- borderWidth：控制按钮边框的宽度，默认为1。
- emphasis：高亮状态下的样式配置，包含以下可配置项：
- color：控制按钮的颜色，默认为#A9334C。
- borderColor：控制按钮边框的颜色，默认为#A9334C。
- borderWidth：控制按钮边框的宽度，默认为2。

以下是一个控制按钮样式的例子：

javascript
option = {
timeline: {
axisType: 'category',
data: ['2019', '2020', '2021'],
autoPlay: true,
playInterval: 1000,
controlStyle: {
show: true,
itemSize: 20,
itemGap: 10,
normal: {
color: '#333',
borderColor: '#333',
borderWidth: 1
},
emphasis: {
color: '#A9334C',
borderColor: '#A9334C',
borderWidth: 2
}
}
},
series: [
// 数据系列
]
};


在这个例子中，我们设置了timeline组件的controlStyle属性来控制按钮的样式。其中，show、itemSize和itemGap分别为控制按钮是否显示、大小和间距的配置项，而normal和emphasis分别为正常状态和高亮状态下的样式配置。我们分别设置了颜色和边框的颜色和宽度。