1. show 属性:
- 描述:控制工具栏的显示与隐藏。
toolbox: {
show: true
}
2. feature 属性:
- 描述:配置工具栏的功能按钮,包括保存图片、数据视图、刷新等功能。
toolbox: {
feature: {
saveAsImage: {}, // 保存为图片
dataView: {}, // 数据视图
restore: {}, // 还原
dataZoom: {} // 数据缩放
// 其他功能按钮
}
}
3. iconStyle 属性:
- 描述:配置工具栏按钮图标的样式,如颜色、大小等。
toolbox: {
iconStyle: {
color: 'red',
borderColor: 'blue',
borderWidth: 2
}
}
4. emphasis 属性:
- 描述:配置工具栏按钮在高亮状态(鼠标悬停)时的样式。
toolbox: {
emphasis: {
iconStyle: {
color: 'green',
borderColor: 'yellow'
}
}
}
5. orient 属性:
- 描述:配置工具栏按钮的排列方向,可选值有 'horizontal' 和 'vertical'。
toolbox: {
orient: 'horizontal'
}
6. itemSize 属性:
- 描述:配置工具栏按钮的大小。
toolbox: {
itemSize: 15
}
这些是一些基本的配置选项,具体的配置可以根据实际需要进行调整。将这些配置添加到 ECharts 的 option 对象中,即可实现对工具栏组件的自定义配置。
转载请注明出处:http://www.zyzy.cn/article/detail/5317/ECharts