填充折线图的内容区域为渐变色

option = {
  xAxis: {
    type: 'category',
    show:false,//设置show为false时,x轴不展示,默认为true
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
  },
  yAxis: {
    show:false,//show默认为true,设置为false时,y轴不展示
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line',
      smooth:true,//控制折线图平稳走势
      lineStyle:{
        color:"purple"//控制折线的颜色
      },
      itemStyle:{
        opacity:0//设置拐点的小圆圈为透明色
      },
      areaStyle:{
        color:{
          type: 'linear',//设值折现区域填充为渐变色
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [{
              offset: 0, color: 'purple' // 0% 处的颜色
          }, {
              offset: 1, color: 'white' // 100% 处的颜色
          }],
          global: false // 缺省为 false
        }
      }
    }
  ]
};

 

posted @ 2023-02-28 11:52  芬-mi  阅读(96)  评论(0编辑  收藏  举报