echarts中颜色渐变写法

Posted kdiekdio

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts中颜色渐变写法相关的知识,希望对你有一定的参考价值。

color: new echarts.graphic.LinearGradient(0, 0, 1, 0,[
                {
                  offset: 0,
                  color: ‘#00ddff‘
                },
                {
                  offset: 1,
                  color: ‘#007db8‘
                }
]),                    

1、使用颜色渐变生成器echarts.graphic.LinearGradient
2、前边四个参数配置颜色渐变的起止位置:按照顺序依次为:右 下 左 上 四个方向的起止位置,1 代表着渐变
3、第五个参数是一个数组,数组里边给渐变的起止点的颜色,offset:0代表渐变0方向的颜色; offset:1代表渐变1方向的颜色

 

效果图:技术图片

以上是关于echarts中颜色渐变写法的主要内容,如果未能解决你的问题,请参考以下文章

echarts颜色渐变

echarts-颜色渐变

echarts 柱状图颜色渐变效果

ECharts的高级使用(主题调色板颜色渐变)

echarts---问题记录

echarts学习 高级使用