当前位置: 首页 > 知识库问答 >
问题:

前端 - 使用echarts的柱状图的时候,怎么让柱状图变得有立体感?

艾浩广
2023-09-11

效果图
image.png

共有1个答案

崔单弓
2023-09-11

题主是要给柱状图加渐变色吗?
加渐变色可以看下面的代码。

itemStyle: {     normal: {         color: new echarts.graphic.LinearGradient(             0, 1, 1, 1,             [                 {offset: 0, color: '#b0c2f9'},     //渐变头部色                 {offset: 0.5, color: '#188df0'},                 {offset: 1, color: '#185bff'}             ]         )     },     emphasis: {         color: new echarts.graphic.LinearGradient(             0, 1, 1, 1,             [                 {offset: 0, color: '#b0c2f9'},                 {offset: 0.7, color: '#e6b600'},                 {offset: 1, color: '#ceac09'}             ]         )     }  }
 类似资料: