echarts渐变的实现方式有哪些


本文小编为大家详细介绍“echarts渐变的实现方式有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“echarts渐变的实现方式有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。线性渐变:new echarts.graphic.LinearGradient(x,免费云主机域名y,x2,y2,offset,boolean)x,y,x2,y2,包围框中的百分比,数值范围 0-1;offset,类似颜色线性梯度,数值范围 0-1;boolean,默认false,若最后参数为true,前四个参数将使用像素位置。径向渐变:new echarts.graphic.RadialGradient(x,y,r,offset,boolean)x,y,代表圆心,数值范围 0-1;r,代表半径,数值范围 0-1;offset,类似颜色线性梯度,数值范围 0-1;boolean,默认false,若最后参数为true,前四个参数将使用像素位置。采用图片显示:new echarts.graphic.Pattern(imageDom,repeat)imageDom,仅支持 HTMLImageElement 和 HTMLCanvasElement形式图片;repeat,默认’repeat’,可取值还有’repeat-x’, ‘repeat-y’, or ‘no-repeat’;代码示例:线性渐变:colorStops – lineartype:‘linear’,线性渐变x,y,x2,y2,代表包围框中的百分比,数值范围 0-1;colorStops,类似颜色线性梯度,数值范围 0-1;global,默认false径向渐变:colorStops – radialtype:‘radial’,径向渐变x,y,代表圆心,数值范围 0-1;r,代表半径,数值范围 0-1;colorStops,类似颜色线性梯度,数值范围 0-1;global,默认false效果图:代码如下:其他示例:代码如下:读到这里,这篇“echarts渐变的实现方式有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: vue父子组件间通信怎么实现

本篇内容介绍了“vue父子组件间通信怎么实现”的有关知识免费云主机域名,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1.父组件传递数据给子组件父组件数据如何传递给子组件呢?…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/21 13:56
下一篇 02/21 13:56

相关推荐