echarts 折线图全屏展示

您可以使用 echarts 提供的 setOption 方法中的全屏配置项来实现折线图的全屏展示。具体步骤如下：

1. 在页面中引入 echarts 库和主题文件：

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/theme/macarons.js"></script>

2. 创建一个 div 容器用于显示折线图：

<div id="chart" style="width: 100%; height: 500px;"></div>

3. 在 JavaScript 中配置折线图的数据和样式，并将其绑定到 div 容器上：

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

var option = {
    // 配置折线图的数据和样式
    // ...
    
    // 配置全屏展示按钮
    toolbox: {
        feature: {
            saveAsImage: {},
            restore: {},
            dataView: {},
            dataZoom: {},
            magicType: {
                type: ['line', 'bar']
            },
            fullScreen: {
                show: true,
                title: '全屏',
                icon: 'image://https://www.easyicon.net/api/resizeApi.php?id=1206989&size=128',
                onclick: function (params) {
                    var element = document.getElementById('chart');
                    if (element.requestFullscreen) {
                        element.requestFullscreen();
                    } else if (element.webkitRequestFullScreen) {
                        element.webkitRequestFullScreen();
                    } else if (element.mozRequestFullScreen) {
                        element.mozRequestFullScreen();
                    }
                }
            }
        }
    }
};

chart.setOption(option);

4. 在全屏展示按钮的 onclick 事件中调用浏览器提供的全屏 API，将 div 容器全屏展示。