echart柱状图柱⼦与label颜⾊⼀致
echart1(){
this.box1Echart = this.$echarts.init(this.$refs.box1Dom)
let colors = ['#f00', '#ff0', '#00f', '#0f0']
var option = {
titile: {
show: false,
},
tooltip:{
trigger: 'item',
formatter: '{b}'
},
xAxis : [
{
type : 'category',
show: false,
data : ['最多','平均','最少'],
axisLabel: {
interval :0
}
}
],
yAxis : [
{
type : 'value',
name:'数量',
min: 0,
max: 30,
interval: 6,
setoptionaxisLabel: {
formatter: '{value} 包'
}
}
],
series : [
{
name: '数量',
type: 'bar',
itemStyle: {
normal: {
color: function(params) {
return colors[params.dataIndex]
},
label: {
show: true,
position: 'top',
formatter: '{b}\n{c}'
}
}
},
barWidth:30,
data: [28,15,9,4,7,8,23,11,17]
}
]
}
this.box1Echart.setOption(option);
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。