const optionBar = {
color: ['#32C5FF', '#00F766', '#EECB5F'],
grid: {
bottom: 0,
},
legend: { // 控制图例组件
show:false
},
tooltip: {
trigger: 'axis',
formatter: function(datas)
{
var res = datas[0].name + '<br/>', val;
for(var i = 0, length = datas.length; i < length; i++) {
console.log(datas,"datas")
val = datas[i].seriesName=="系统占比"?datas[i].value+"%":datas[i].value;
res += datas[i].seriesName + ':' + val + '<br/>';
}
return res;
}
}
};
const dataBar = {
categoryData: ['上云业务系统', '未完全上云业务系统', '未上云业务系统'],
seriesData: [
{
name: "系统占比",
barCategoryGap: '50%',
barWidth: 15,
data: [
{
value: 5,
itemStyle: {
color: '#37D8FF'
}
},
{
value: 20,
itemStyle: {
color: '#00F766'
}
},
{
value: 36,
itemStyle: {
color: '#EECB5F'
}
}
]
},
{
name: "系统数量",
barWidth: 15,
barCategoryGap: '50%',
data: [
{
value: 5,
itemStyle: {
color: '#37D8FF'
}
},
{
value: 20,
itemStyle: {
color: '#00F766'
}
},
{
value: 36,
itemStyle: {
color: '#EECB5F'
}
}
]
}
]
}