echarts 全屏按钮

你可以在 ECharts 中使用全屏按钮来实现全屏功能。ECharts 提供了一个扩展插件 echarts-gl，该插件中包含了全屏功能的支持。

首先，确保你已经引入了 echarts 和 echarts-gl 的 JavaScript 文件。然后，在创建 ECharts 实例之前，需要引入全屏按钮的代码，如下所示：

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>

接下来，在创建 ECharts 实例时，可以通过设置 `toolbox.feature.saveAsImage` 来添加全屏按钮。示例如下：

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

myChart.setOption({
    ... // 其他配置项
    toolbox: {
        feature: {
            saveAsImage: {
                show: true,
                pixelRatio: 2,
                title: '保存为图片',
                icon: 'image://https://echarts.apache.org/examples/data/thumb/ECharts.png',
            },
            restore: {
                show: true,
                title: '还原',
            },
            dataView: {
                show: true,
                title: '数据视图',
                readOnly: false,
            },
            dataZoom: {
                show: true,
                title: {
                    zoom: '区域缩放',
                    back: '区域缩放还原',
                },
            },
        },
    },
    ... // 其他配置项
});

在上述代码中，`toolbox.feature.saveAsImage` 表示保存为图片按钮，`restore` 表示还原按钮，`dataView` 表示数据视图按钮，`dataZoom` 表示区域缩放按钮。

通过以上步骤，你就可以在 ECharts 中添加全屏按钮了。希望能对你有所帮助！