echarts全屏配置项

ECharts是一款流行的JavaScript数据可视化库，它支持多种图表类型，并且提供了丰富的配置选项。如果你想让ECharts图表全屏显示，可以使用`responsive`配置项和`renderer`属性来实现。以下是基本的全屏配置步骤：

1. **开启响应式布局**:
设置`responsive`为`true`，这会使得图表能够根据视口大小自动调整其尺寸。示例代码：

   var option = {
       responsive: true,
       // ...其他配置...
   };

2. **设置渲染目标**:
`renderer`用于指定图表渲染的目标元素，你可以选择`'svg'`、`'canvas'`或`'dom'`，其中`'dom'`适合全屏模式：

   var option = {
       renderer: 'dom', // 或者 'html'
       fullScreen: true, // 当然，也可以直接添加一个fullScreen配置
       // ...其他配置...
   };

注意，`fullScreen`不是ECharts官方直接提供的，但它可以通过设置`width`和`height`都为`'100%'`达到类似的效果。

3. **启动图表**:
创建ECharts实例并传入配置项，然后通过实例的`resize`方法在窗口大小变化时保持图表同步调整：

   var myChart = ECharts.init(document.getElementById('main'));
   myChart.setOption(option);
   window.addEventListener('resize', function() {
       myChart.resize();
   });