我希望绿色的柱子是绿色的边,空心的为红边,不知如何可以实现?
配置项如下
var data = [220, 182, 191, 234, 290, 330, 310];
var data1=[],colorList,BorderColor;
for(var i=0;i<data.length;i++){
if(data[i-1]>data[i]){
colorList = '#75d75c';
BorderColor = '#75d75c';
}else{
colorList = 'transparent';
BorderColor = '#dd5d36';
}
data1[i-1] = {
value:data[i-1],
itemStyle: {
normal:{
color:colorList,
borderColor: BorderColor,
borderWidth: 4
}
}
};
}
data1[data.length-1] = {
value:data.pop(),
itemStyle: {
normal:{
color:'transparent',
borderColor: '#dd5d36',
borderWidth: 4
}
}
};
var data = [{}]
option = {
title: {
text: 'Awesome Chart'
},
xAxis: {
data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
},
yAxis: {},
series: [{
type: 'bar',
data:data1,
}]
};