echarts 饼图进度条_echarts 关系图制作进度条

公司网站上需要展示当前交易状态进度。我同事网上搜索echarts关系图可以大概做成这样的效果。我看了下官网示列。感觉也可以，最终制作效果如下

这个节点是死的，如果想要做成动态效果，需要封装一个方法，传入数据，动态给节点添加值，附上颜色。

function initStatusBar(status) { //传入状态数据，如3

var dom = document.getElementById("stats-bar");

var myChart = echarts.init(dom);

var app = {};

var option = null;

//封装节点数组，更换颜色，默认初始颜色都为灰色

var array = [{

name: '交易公告发布',

value : '1',

x: 300,

y: 300,

itemStyle : {

normal : {color :'#C0C0C0'}

}

}, {

name: '开启市场申报',

value : '2',

x: 350,

y: 300,

itemStyle : {

normal : {color :'#C0C0C0'}