在这里插入图片描述
echarts效果:
原例:
series: { type: 'bar', showBackground: true, data: [1,2,3,4] }
复制
series: { type: 'bar', showBackground: true, data: [ 1, { name: '总费用', value: 2, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [ { offset: 0, color: gradualChangeColor[props.lineBarColor['总费用']][1], }, { offset: 1, color: gradualChangeColor[props.lineBarColor['总费用']][0], }, ]), }, }, label: { show: true, precision: 1, position: 'right', valueAnimation: true, fontFamily: 'Impact', formatter: (params) => { return '{c|' + numberConversion(+echartData[0].item2[0]) + '}'; }, position: 'right', distance: distance[0], offset: [0, -26], rich: { c: { fontSize: 24, color: '#11B3DE', fontFamily: 'Impact', }, }, }, }, { name: '总预算', value: 3, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [ { offset: 0, color: gradualChangeColor[props.lineBarColor['总预算']][1], }, { offset: 1, color: gradualChangeColor[props.lineBarColor['总预算']][0], }, ]), }, }, label: { show: true, precision: 1, position: 'right', valueAnimation: true, fontFamily: 'Impact', formatter: (params) => { return '{c|' + numberConversion(+echartData[0].item2[1]) + '}'; }, position: 'right', distance: distance[1], offset: [0, -26], rich: { c: { fontSize: 24, color: '#F77120', fontFamily: 'Impact', }, }, }, }, 4, 5 ], barMaxWidth: 20, };
复制