3.3　工具栏

在ECharts中，工具栏组件称为toolbox。通过设置工具栏，我们可以将可视化下载到本地，或者查看可视化的底层数据等。下面列举一些常用的参数，具体说明如下。

▪ show：是否显示工具栏组件，取值为布尔型数据，默认为true。

▪ feature：各工具配置项，其中包含很多常用的子参数，例如saveAsImage、restore、dataView、magicType等。其中，saveAsImage是将可视化结果保存在本地，restore是将可视化还原到初始的设置，dataView可以看到可视化的底层数据视图，magicType则可以将一种可视化转为另一种可视化。

关于参数和配置的更多内容可以在官网的文档（配置项）中查看。

我们在3.2节的基础上对toolbox的内容进行修改，代码如下：

toolbox: {
    show : true,
    feature : {
        mark : {show: true},
        dataView : {show: true, readOnly: false},
        magicType: {show: true, type: ['line', 'bar']},
        restore : {show: true},
        saveAsImage : {show: true}
    }
}

修改后的效果如图3-3所示，可以看到在该图的右上角出现了工具栏。

图3-3　工具栏设置

当点击工具栏中的第一个工具“数据视图”时，会呈现出底层的数据，如图3-4所示。

图3-4　数据视图

当点击第二个工具“转换为折线图”时，可以看到柱状图变为折线图，如图3-5所示。

图3-5　转换为折线图

点击下载按钮，即可将可视化以图片形式保存在本地。