倒叙 inside: true,
var option = {color: ['#CFF0FD'],tooltip: {show: true},yAxis: {inverse:true,axisTick: {show: false},axisLine: {show: false,},axisLabel: {inside: true,verticalAlign: 'bottom',lineHeight: 40,color: '#DDDFEB',formatter: function (value, index) { // 设置y轴文字的颜色if (index > 9) {return '{first|' (index+1)+ value + '}'} else {return`{other| 0${(index+1)}}`+`{other1| ${value}}`// return `{other| ${'0'+(index+1) + ' '+value}` }},
字体设置 rich
axisLabel: {inside: true,verticalAlign: 'bottom',lineHeight: 40,color: '#DDDFEB',formatter: function (value, index) { // 设置y轴文字的颜色if (index > 9) {return '{first|' (index+1)+ value + '}'} else {return`{other| 0${(index+1)}}`+`{other1| ${value}}`// return `{other| ${'0'+(index+1) + ' '+value}` }},rich: {other: {color: '#FF881E',opacity: 0.57,fontWeight:700,fontSize:24},other1:{},first: {color: '#CFF0FD'}}},
颜色渐变
series: [{name: '溯源扫码位置排行',barWidth: 10,type: 'bar',data: this.xValue,itemStyle: {normal: {borderRadius: [3, 20, 20, 3],color: function (params) { // 设置柱形图的颜色console.log(params)if (params.dataIndex === 0) {return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{offset: 0,color: "rgba(196,196,196,0.1)",},{offset: 1,color: "rgba(196,196,196,0.9)",},])} else if (params.dataIndex === 1) {return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{offset: 0,color: "rgba(255,136,30,0)",},{offset: 1,color: "rgba(255,136,30,0.9)",},])} else if (params.dataIndex === 2) {return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{offset: 0,color: "rgba(198, 169, 108,0)",},{offset: 1,color: "rgba(198, 169, 108,0.9)",},])} else {return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{offset: 0,color: "rgba(10, 165, 138, 0)",},{offset: 1,color: "rgba(10, 165, 138, 0.9)",},])}}},
