echart 渐变内置生成器echarts.graphic.LinearGradient

布满荆棘的人生 2023-02-13 05:40 23阅读 0赞

在使用echarts绘制图表时, 如果需要使用`渐变色`, 则应使用echarts内置的渐变色生成器`echarts.graphic.LinearGradient`

series: [{
                    name: "2017",
                    type: "bar",
                    barWidth: 25,
                    stack: "1",
                    itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                    offset: 0,
                                    color: colors[0].start
                                },
                                {
                                    offset: 1,
                                    color: colors[0].end
                                }
                            ]),
                        }
                    },
                    label: {
                        normal: {
                            show: false,
                        }
                    },
                    data: lastYearData,
                    animationEasing: "elasticOut"
     }]

入了5个参数：

前4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 而0 0 0 1则代表渐变色从正上方开始.  
第5个参数则是一个数组, 用于配置颜色的渐变过程. 包含offset和color两个参数. offset的范围是0 ~ 1, 用于表示位置, color表示颜色

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关生成器推导式内置函数(一)

1.生成器迭代器和生成器的区别: 迭代器是Python中内置的一种节省空间的工具生成器的本质就是一个迭代器迭代器是Python自带的生成器是咱们(程序

￡神魔★判官ぃ/ 2023年10月10日 10:16/ 0 赞/ 160 阅读

相关 ECharts color属性设置（不透明度，透明度，线性渐变，径向渐变，扇形渐变，纹理填充）

1 不透明度 1.1 颜色英文名示例： color:'red' 1.2 十六进制格式有两种表示方式。第一种为\+6位十六进制数，前2位表示

拼搏现实的明天。/ 2023年10月05日 11:04/ 0 赞/ 211 阅读

相关 echart 渐变内置生成器echarts.graphic.LinearGradient

在使用echarts绘制图表时, 如果需要使用`渐变色`, 则应使用echarts内置的渐变色生成器`echarts.graphic.LinearGradient`

布满荆棘的人生/ 2023年02月13日 05:40/ 0 赞/ 24 阅读

相关 echarts实现颜色渐变

itemStyle: { normal: {

柔情只为你懂/ 2023年01月20日 09:48/ 0 赞/ 153 阅读

相关 Python-迭代器与生成器(yield、内置函数、模块)

目录可迭代对象迭代器生成器生成器表达式内置函数 iter(object\[, sentinel\]) next(iterator\[, default\

深碍√TFBOYSˉ_/ 2022年12月17日 13:56/ 0 赞/ 322 阅读

相关 Python基础教程：内置类型之生成器

生成器的定义方式有两种一种是调用生成器函数一种是使用生成器表达式语法调用生成器函数生成器函数是指在函数体中使用yield表达式仅返回结果的函数。yie

绝地灬酷狼/ 2022年10月19日 04:24/ 0 赞/ 278 阅读

相关 Echarts - 渐变折线图区域

效果图如下图所示，两种颜色可以搭配营造渐变效果： ![在这里插入图片描述][20210524171902259.png] 实现方法 > 官方文档(areaSt

电玩女神/ 2022年10月15日 09:59/ 0 赞/ 309 阅读

相关 echarts透明渐变效果

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5aSp5LiL54aZ5

Love The Way You Lie/ 2022年09月11日 08:16/ 0 赞/ 353 阅读

相关生成器/内置函数

生成器本质就是迭代器,手动写的迭代器生成器函数 def func(): print (123) yield '生成器' func() 执行结果 :没

梦里梦外;/ 2021年12月14日 05:59/ 0 赞/ 366 阅读

相关 echarts 自定义legend，线性渐变

先看效果图，业务要求：一次最多两个系列，去掉最开始的系列不管是用原生 jquery vue react基本思路都是：改变 series clear() 再setO

向右看齐/ 2021年09月20日 01:16/ 0 赞/ 1284 阅读