第一次写文，只是想记录一下自己平时发现的小功能，这篇主要是实现echarts柱状图，每个柱子实现不同颜色的渐变色，也是第一次接触echarts，后台使用ssm，前台是extjs，直接上效果图 直接上js代码 var option={ 　　title:{//柱状图标题的样式设置 ...

设置折线图颜色为渐变色，效果如下图 ...

1.折线图（区域） 2.柱状图 3.饼状图 4.地图 ...

) + 200); } option = { title: { text: '柱状图示例', subte ...

设置渐变色 color1 = new ECharts.graphic.LinearGradient(0,1,0,0,[{ offset: 0, color: "rgba(100,160,255,0.5)" }, { offset: 1, color: "#0AC8FF" }],false ...

...

左边的图标可以通过xAxis.axisLabel. rich 属性来进行相关设置。最终的效果如下。 ...

效果图： 代码如下： option = { tooltip: { trigger: "axis", ...