2021-04-15

项目实施阶段百分比：40%，进度正常

` }, series: [{ name: "确定总包单位", type: "bar", stack: "总量0", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: "skyblue", borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-01-08"), new Date("2021-03-14"), new Date("2021-05-01") ] }, { name: "确定总包单位", type: "bar", stack: "总量0", itemStyle: { normal: { color: "white", } }, zlevel: -1, z: 3, data: [ new Date("2021-01-01"), new Date("2021-03-01"), new Date("2021-04-15") ] }, { name: "土方及地基开工", type: "bar", stack: "总量2", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: "green", borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-01-10"), new Date("2021-02-20"), new Date("2021-03-30") ] }, { name: "土方及地基开工", type: "bar", stack: "总量2", itemStyle: { normal: { color: "white", } }, zlevel: -1, z: 3, data: [ new Date("2021-01-02"), new Date("2021-02-02"), new Date("2021-02-16") ] }, { name: "取得预售许可证", type: "bar", stack: "总量3", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: "Chocolate", borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-02-20"), new Date("2021-01-20"), new Date("2021-04-10") ] }, { name: "取得预售许可证", type: "bar", stack: "总量3", itemStyle: { normal: { color: "white" } }, zlevel: -1, z: 3, data: [ new Date("2021-02-01"), new Date("2021-01-12"), new Date("2021-04-01") ] }, { name: "开盘", type: "bar", stack: "总量7", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: "blue", borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-02-28"), new Date("2021-01-29"), new Date("2021-04-30") ] }, { name: "开盘", type: "bar", stack: "总量7", itemStyle: { normal: { color: "white" } }, zlevel: -1, z: 3, data: [ new Date("2021-02-26"), new Date("2021-01-27"), new Date("2021-04-28") ] }, { name: "取得法定交房手续", type: "bar", stack: "总量4", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: "brown", borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-03-09"), new Date("2021-01-25"), new Date("2021-04-20") ] }, { name: "取得法定交房手续", type: "bar", stack: "总量4", itemStyle: { normal: { color: "white", } }, zlevel: -1, z: 3, data: [ new Date("2021-02-25"), new Date("2021-01-21"), new Date("2021-04-11") ] }, { name: "项目实施阶段", type: "bar", stack: "总量5", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: "RosyBrown", borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-04-12"), new Date("2021-03-15"), new Date("2021-04-30") ] }, { name: "项目实施阶段", type: "bar", stack: "总量5", itemStyle: { normal: { color: "white", } }, zlevel: -1, z: 3, data: [ new Date("2021-03-10"), new Date("2021-01-26"), new Date("2021-04-01") ] }, { name: "交付业主", type: "bar", stack: "总量6", label: { normal: { show: true, color: "#000", position: "right", formatter: function(params) { return params.seriesName } } }, itemStyle: { normal: { color: 'red', borderColor: "#fff", borderWidth: 2 } }, zlevel: -1, data: [ new Date("2021-04-20"), new Date("2021-03-18"), new Date("2021-05-01") ] }, { name: "交付业主", type: "bar", stack: "总量6", itemStyle: { normal: { color: 'white', } }, zlevel: -1, z: 3, data: [ new Date("2021-04-15"), new Date("2021-03-16"), new Date("2021-04-30") ] }, ] }

Echarts在线免费图表