echarts 平滑面积图

要绘制 echarts 平滑面积图，可以使用 echarts 官方提供的图表类型 `line` 和 `area`，并设置 `smooth` 属性为 `true`。具体实现步骤如下：

1. 引入 echarts 库和主题：

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

2. 创建一个包含 `line` 和 `area` 的 echarts 图表：

var myChart = echarts.init(document.getElementById('chart'), 'macarons');
myChart.setOption({
    xAxis: {
        type: 'category',
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: 'A',
        type: 'line',
        smooth: true, // 平滑曲线
        areaStyle: {}, // 区域填充样式
        data: [10, 12, 21, 54, 260, 830, 710]
    }]
});

其中，`smooth` 属性设置为 `true` 表示绘制平滑曲线，`areaStyle` 属性可以设置区域填充样式，如果不需要填充可以不设置。

3. 在 HTML 页面中创建一个容器来显示图表：

<div id="chart" style="width: 600px;height:400px;"></div>

以上就是使用 echarts 绘制平滑面积图的基本步骤，你可以根据实际需求调整图表的样式和数据。