1.图片
2代码
var option = {
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
color: colors,
legend: {
top: 10,
left: '30%',
itemWidth: 10,
itemHeight: 10,
// padding: [5, 10],
textStyle: {
fontSize: 14,
color: '#77899c',
padding: [3, 0, 0, 0]
},
data: data.legend
},
grid: {
left: '3%',
right: '4%',
bottom: '13%',
containLabel: true
},
xAxis: {
axisLabel: {
color: '#77899c'
},
axisLine: {
lineStyle: {
color: '#77899c'
},
width: 5
},
axisTick: {
show: false,
},
type: 'category',
data: data.area
},
yAxis: {
type: 'log',//这里改成log以后数据就成上面图片那样
min:1,
logBase:3,
axisLabel: {
color: '#77899c',
},
axisLine: {
lineStyle: {
color: '#77899c'
},
width: 5
},
axisTick: {
show: false,
},
splitLine: {
lineStyle: {
color: 'rgba(150, 164, 244, 0.3)'
}
},
},
series: [
]
}
for (var i = 0; i < data.legend.length; i++) {
option.series.push({
name: data.legend[i],
type: 'bar',
stack: '总量',
barWidth: '18',
label: {
show: false,
position: 'insideRight'
},
data: data.data[i]
})
}
设置y轴的range到一个合适的区间