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

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

    Web开发

      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等工具制作的用於展示特定内容的相关网页的集合。

课课家教育

未登录