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设置柱状图柱状图粗细大小
227 1
echarts折线图折线点大小,颜色,折线的颜色设置
echarts折线图折线点大小,颜色,折线的颜色设置
107 1
echarts柱状图实现颜色渐变效果
echarts柱状图实现颜色渐变效果
239 1
|
JSON 数据格式
Echarts饼状图修改图例legend文字颜色和字体大小
Echarts饼状图修改图例legend文字颜色和字体大小
1551 1
Echarts图表中饼状图的指示线条
Echarts图表中饼状图的指示线条
81 1
Echarts折线图的x和y轴坐标颜色修改
Echarts折线图的x和y轴坐标颜色修改
240 1
|
7月前
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
echarts折线图线条颜色和区域颜色设置
echarts折线图线条颜色和区域颜色设置
225 0
|
JSON 数据格式
Echarts饼图实现颜色渐变
Echarts饼图实现颜色渐变
458 0
ECharts 饼图指定颜色显示
ECharts 饼图指定颜色显示
295 0