web前端：echarts背景颜色渐变的三种类型

作者:斩月飞仙 更新于： 2020-03-13 21:51:36

　　web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

　　echarts背景颜色渐变的三种类型

　　//线性渐变，多用于折线柱形图，前四个参数分别是x0,y0,x2,y2,范围从0-1，相当于在图形包围盒中的百分比，如果globalCoord为`true`，则该四个值是绝对的像素位置

　　color:{

　　type:'linear',

　　x:0,//左上角x

　　y:0,//左上角y

　　x2:0,//右下角x

　　y2:1,//右下角y

　　colorStoPS:[{

　　offset:0,color:'red'//0%处的颜色

　　},{

　　offset:1,color:'blue'//100%处的颜色

　　}],

　　global:false//缺省为false

　　}

　　//径向渐变，多用于圆圈状图，前三个参数分别是圆心x,y和半径，取值同线性渐变

　　color:{

　　type:'radial',

　　x:0.5,//0.5为正中心，如果小于渐变中心靠左

　　y:0.5,//0.5为正中心，如果小于渐变中心靠上

　　r:0.5,//0.5渐变影响范围只有一半，影响圆心到周围的一半

　　colorStops:[{

　　offset:0,color:'red'//0%处的颜色

　　},{

　　offset:1,color:'blue'//100%处的颜色

　　}],

　　global:false//缺省为false

　　}

　　//纹理填充

　　color:{

　　image:imageDom,//支持为HTMLImageElement,HTMLCanvasElement，不支持路径字符串

　　repeat:'repeat'//是否平铺,可以是'repeat-x','repeat-y','no-repeat'

　　}

　　所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用html等工具制作的用於展示特定内容的相关网页的集合。