美文网首页
echarts颜色渐变

echarts颜色渐变

作者: de_self | 来源:发表于2018-09-16 19:03 被阅读2次

echart中创建了渐变方法,先上图hhh


色彩斑斓色

1,0,0,1分别代表了右、下、左、上四个位置的颜色坐标
然后再在下方
{offset: 0, color: '#00FF00'},代表颜色坐标为0的颜色
{offset: 0.5, color: '#3A8EE6'},代表颜色坐标为0.5的颜色
{offset: 0.8, color: '#FAB6B6'},代表颜色坐标为0.8的颜色
{offset: 1, color: '#ddd'}代表颜色坐标为1处的颜色

color:new echarts.graphic.LinearGradient(
                1, 0, 0, 1,
                [
                    {offset: 0, color: '#00FF00'},
                    {offset: 0.5, color: '#3A8EE6'},
                    {offset: 0.8, color: '#FAB6B6'},
                    {offset: 1, color: '#ddd'}
                ]
            )

相关文章

网友评论

      本文标题:echarts颜色渐变

      本文链接:https://www.haomeiwen.com/subject/biyfnftx.html