EChars设置柱状图颜色渐变及柱状图粗细大小

简介: EChars设置柱状图颜色渐变及柱状图粗细大小

series: [{

           data: [this.dataGovernData.requirementListTotal, this.dataGovernData.responsibilityListTotal, this.dataGovernData.negativeListTotal],

           name:'数量',

           type:'bar',

           //设置柱状图大小

           barWidth: '60%',

           //给柱状图添加渐变色,颜色渐变方向是从低到上从#1E7FFE到#FFFFFF

           itemStyle: {

             normal: {

               color: new echarts.graphic.LinearGradient(

                 0, 0, 0, 1,            // 0,0,1,0表示从左向右    0,0,0,1表示从右向左

                 [

                   {offset:0, color: '#FFFFFF'},

                   {offset:1, color: '#1E7FFE'}

                 ]),

             }

           },

         }]


效果如图:柱状条颜色渐变

28.jpg

目录
相关文章
echarts折线图折线点大小,颜色,折线的颜色设置
echarts折线图折线点大小,颜色,折线的颜色设置
120 1
echarts设置柱状图柱状图粗细大小
echarts设置柱状图柱状图粗细大小
249 1
|
JSON 数据格式
Echarts分段折线图图例样式visualMap颜色修改
Echarts分段折线图图例样式visualMap颜色修改
239 1
echarts柱状图实现颜色渐变效果
echarts柱状图实现颜色渐变效果
301 1
|
JSON 数据格式
Echarts饼状图修改图例legend文字颜色和字体大小
Echarts饼状图修改图例legend文字颜色和字体大小
1742 1
Echarts图表中饼状图的指示线条
Echarts图表中饼状图的指示线条
92 1
|
8月前
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
|
JSON 数据格式
Echarts折线图的折线实线设置成虚线
Echarts折线图的折线实线设置成虚线
213 0
|
JSON 数据格式
Echarts饼图实现颜色渐变
Echarts饼图实现颜色渐变
519 0
echarts折线图线条颜色和区域颜色设置
echarts折线图线条颜色和区域颜色设置
265 0