帮我用echarts写一个基于冒泡排序，数据为[3,38,44,5,47,15,36,26,27,2,46,4,19,50,48]从小到大动态显示的程序

以下是使用 echarts 和 JavaScript 实现基于冒泡排序的数据动态显示程序：

HTML：

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

JavaScript：

// 初始化图表
var myChart = echarts.init(document.getElementById("container"));

// 定义需要排序的数据
var data = [3,38,44,5,47,15,36,26,27,2,46,4,19,50,48];

// 设置图表的数据和配置项
option = {
    title: {
        text: "冒泡排序动态演示"
    },
    xAxis: {
        type: "category",
        data: data.map(function(value, index) {
            return index + 1; // 显示下标
        }),
        name: "下标"
    },
    yAxis: {
        type: "value",
        name: "数值"
    },
    series: [{
        data: data,
        type: "bar"
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

// 冒泡排序
function bubbleSort() {
    var len = data.length;
    for (var i = 0; i < len; i++) {
        for (var j = 0; j < len - 1 - i; j++) {
            // 如果前一个数大于后一个数，就交换它们的位置
            if (data[j] > data[j+1]) {
                var temp = data[j];
                data[j] = data[j+1];
                data[j+1] = temp;

                // 更新图表的数据
                myChart.setOption({
                    series: [{
                        data: data
                    }]
                });

                // 添加延时效果，让排序结果可以动态显示出来
                setTimeout(function() {}, 500);
            }
        }
    }
}

bubbleSort();

执行以上代码，将会在网页上显示一个图表，该图表展示了冒泡排序算法实时排序的结果。程序执行时，将快速排序的步骤实时可视化。