Echarts 将key-value 形式（对象数组）的数据集设置到动态排序柱状图上

要将key-value形式的数据集设置到动态排序柱状图上，需要进行以下步骤：

1. 创建一个基本的柱状图，设置好其基本属性，如x轴、y轴等。

2. 将key-value形式的数据集转换成数组形式，方便后续的处理。例如，将{key1:value1, key2:value2, key3:value3}转换成[{name:key1, value:value1}, {name:key2, value:value2}, {name:key3, value:value3}]。

3. 对数组进行排序，以便在图表中按照一定规则显示。可使用JavaScript的sort()方法，或者Lodash库中的orderBy()方法等进行排序。

4. 将排序后的数据集赋值给柱状图的series属性，其中name属性为数组中的key值，value属性为数组中的value值。

5. 可根据需要设置柱状图的其他属性，如柱子的颜色、宽度、标签等。

下面是一个示例代码：

// 基本柱状图配置
var option = {
    xAxis: {
        type: 'category',
        data: ['key1', 'key2', 'key3']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'bar',
        data: []
    }]
};

// key-value数据集
var data = { key1: 10, key2: 20, key3: 30 };

// 转换成数组形式并排序
var dataArray = [];
for (var key in data) {
    dataArray.push({ name: key, value: data[key] });
}
dataArray.sort(function(a, b) {
    return a.value - b.value;
});

// 将数据集赋值给柱状图
option.series[0].data = dataArray;

// 渲染柱状图
var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);