echarts 振动瀑布图

Echarts是一款非常强大的数据可视化库，其中振动瀑布图（Vibrating Waterfall Chart）是一种用于展示一段时间内数值变化趋势的图表类型。它类似于瀑布图，但是每个数据点会在一定范围内上下波动，这通常用于显示时间序列数据中的波动情况，如股票价格、能源消耗等。

在Echarts中，创建振动瀑布图的基本步骤包括：

1. 引入Echarts库和对应的模块。
2. 创建一个新的`echarts instance`。
3. 定义数据系列，数据包含时间戳和相应的数值，以及上下波动的范围。
4. 设置图形配置项，如x轴（时间轴）、y轴设置、颜色方案、动画效果等。
5. 调用`setOption`方法渲染图表。

示例代码可能像这样：

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

var option = {
    xAxis: {
        type: 'time',
        data: ['2022-01-01', '2022-01-02', ...],
    },
    yAxis: {
        type: 'value',
    },
    series: [
        {
            name: '振动瀑布',
            type: 'vibratingLine',
            data: [[t, value + rand(-range, range)], [t, value - rand(-range, range)]], // t表示时间，value表示基本值，range表示波动范围
            itemStyle: {normal: {color: '#ff0000'}}, // 样式设置
        }
    ],
};

chart.setOption(option);

其中`rand()`函数用于生成随机数，`range`是设定的波动幅度。