echart 填充颜色如何跟折点颜色一样

发布于 2022-09-06 23:15:00 字数 2469 浏览 13 评论 0

我图片圈起来的这两个颜色如何区分开来啊图片描述
我需要折点的颜色跟填充的颜色不一致
我的代码如下

        option = {
    tooltip : {
        trigger: 'axis',
     
    },
    label: {
    textStyle: {
        color: 'rgba(255, 255, 255, 0.3)'
    }
},
    toolbox: {
        show : true,
         axisPointer: {
            type: 'cross'
        },
        feature : {
           // mark : {show: true},
           // dataView : {show: true, readOnly: false},
           // magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
           // restore : {show: true},
           // saveAsImage : {show: true}
        }
    },
    calculable : true,
     
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : data
        }
    ],
   grid: {
           'backgroundColor':'rgba(110,220,110,.5)',
           x:"50",
           y:'40',
           width:'924'
          
        },
     
    yAxis : [
        {
            type : 'value'
        }
    ],

    axisLabel:{
        textStyle:{
             color:"#333333"//x轴,y轴的数字颜色,如图1
        }
    },
    axisTick:
    {
        show: false,
    },

   
    series : [

        {
            name:'推广流量',
            type:'line',
            stack: '总量',
            itemStyle: {normal: {areaStyle: {type: 'default'}}},
             
              itemStyle: {
                normal: {

    textStyle: {
        color: 'rgba(25, 25, 20, 1)'
    },

        color: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [{
        offset: 1, color: '#fefeff' // 0% 处的颜色
    }, {
        offset: 0.4, color: '#e8efff' // 100% 处的颜色
    }],
    globalCoord: true // 缺省为 false
},
  label: {
                normal: {
                    textStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                }
            },
            labelLine: {
                normal: {
                    lineStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                }
            },
                     areaStyle: {normal: {}},
                    lineStyle:{  
                     color:'#f68698'  
                                    }  
                }
            },

            data:data_ll
        },
       
    ]
};

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文