echarts折线图折线渐变与范围渐变

发布时间:2024年01月24日
name: item?.title,
            type: 'line',
            smooth: true,
            data:list,
            lineStyle: { // 折线图线条渐变色
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 1,
                    y2: 0,
                    colorStops: [
                        {
                            offset: 0, color: 'red' // 0% 处的颜色
                        },
                        {
                            offset: 1, color: 'white' // 100% 处的颜色
                        }
                    ],
                    global: false // 缺省为 false
                }
            },
            areaStyle: { // 折线图范围渐变色
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [
                        {
                            offset: 0, color:  'red' // 0% 处的颜色
                        },
                        {
                            offset: 1, color: 'white' // 100% 处的颜色
                        }
                    ],
                    global: false // 缺省为 false
                }
            },
文章来源:https://blog.csdn.net/m0_47265814/article/details/135828502
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。