ECharts 碰到一些关于背景啊border 啦 的备忘

1:折线图的背景加入 渐变。这个经常用到

itemStyle: {

            borderColor: 'red',

            borderWidth: 3,

            normal: {

              areaStyle: {

                color: {

                  type: 'linear',

                  x: 0,

                  y: 0,

                  x2: 0,

                  y2: 1,

                  colorStops: [{

                    offset: 0, color: 'rgba(236, 64, 118, 0.8)' // 0% 处的颜色                  }, {

                    offset: 1, color: 'rgba(94, 38, 227, 0.5)' // 100% 处的颜色                  }],

                  globalCoord: false // 缺省为 false                }

              }

            }

          },

1:柱状图背景加入 渐变。这个经常用到

itemStyle: {

                normal: {

                    barBorderRadius: 20,

                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{

                        offset: 0,

                        color: '#99d9ea'

                    }, {

                        offset: 1,

                        color: '#3fa7dc'

                    }]),

                    shadowColor: 'rgba(0, 0, 0, 0.4)',

                    shadowBlur: 20

                }

            }

---------------------

作者:不吃鱼的猫咪

来源:CSDN

原文:https://blog.csdn.net/u012612399/article/details/53838326

版权声明:本文为博主原创文章,转载请附上博文链接!

3:饼图加边框 下列为白色的

itemStyle:{

                        show:false,

                        borderColor:'#fff',

                        borderWidth:2

                    },

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容