echarts工具栏样式

ECharts是一个强大的JavaScript图表库，它提供了丰富的图表类型和定制选项，包括自定义工具栏。工具栏是用户交互的重要部分，用于执行常见的图表操作，如缩放、切换图例、重置视图等。

ECharts的工具栏样式可以通过配置`toolbox`选项来定制，这个选项通常包含以下几个部分：

1. `show`: 显示或隐藏工具栏，默认为`true`。
2. `orient`: 工具栏的方向，可选值有`horizontal`（水平）和`vertical`（垂直），默认为`horizontal`。
3. `position`: 工具栏的位置，可以在图表边缘指定，如`top`, `right`, `bottom`, `left`。
4. `feature`：包含一系列预定义的功能，如`dataView`（数据视图）、`restore`（恢复原图）、`saveAsImage`（保存图片）等，每个功能也可以配置额外的样式和行为。
5. `iconStyle`: 图标样式，如大小、颜色和背景等。
6. `itemStyle`: 工具栏按钮的样式，包括文字样式、图标样式等。

要定制工具栏样式，你可以直接修改这些配置项的值，例如设置按钮颜色、添加自定义图标等。具体代码示例可能会因需求而异，但基本结构如下：

var myChart = echarts.init(document.getElementById('main'));

myChart.setOption({
    toolbox: {
        show: true,
        orient: 'horizontal',
        position: 'bottom',
        feature: {
            dataView: { show: true, title: '数据视图' },
            restore: { show: true, title: '还原' },
            saveAsImage: { show: true, title: '保存图片' }
        },
        iconStyle: {
            color: '#3398DB'
        },
        itemStyle: {
            color: '#fff',
            backgroundColor: '#3398DB'
        }
    }
});