echarts 柱状图颜色渐变 圆角设置 背景设置

柱状图颜色渐变

主要设置在 itemStyle ->normal ->color 属性 new echarts.graphc.linearDradient()

 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                  {
                    offset: 0,
                    color: "#2E8EFF",
                  },
                  {
                    offset: 0.5,
                    color: "#2E8EFF",
                  },
                  {
                    offset: 1,
                    color: "#2E8EFF",
                  },
                ]),

圆角设置

圆角设置 在series 属性下的 item Style ——> normal – > barBorderRadius : (数组格式 顺时针 对应4个角)

 itemStyle: {
              normal: {
                barBorderRadius:[0,0,10,10],
                color: "#00ffda",
              },
            },

背景设置

柱状背景设置 在series 属性下的 （在4.7.1 版本以上生效 

先下载 echarts@4.1.0 实现地图的使用 在下载 最新版本 实现 背景色功能 

            showBackground:true,
            backgroundStyle:{
            color:"rgba(000,000,000,0.05)"

代码007普通

打赏 收藏 海报 链接