echarts中的color渐变色-前端-E先生的博客

echarts中的color渐变色

Easy • 2022-11-21 09:58:46 • 前端 • 阅读589

[导读]：color:{type:'linear',/**这四个分别代表左、上、右、下四个方向*就像以下这种情况：就是说要往左上渲染，就是以左上为终点**/...

color: {
    type: 'linear',
    /*
    * 这四个分别代表 左、上、右、下 四个方向
    * 就像以下这种情况：就是说要往左上渲染，就是以左上为终点
    * */
    x: 1,
    y: 1,
    x2: 0,
    y2: 0,
    colorStops: [
        {
            // offset值为0时，代表起点的颜色；值为1时，代表终点的颜色
            offset: 0,
            color: 'transparent'
        },
        {
            offset: 1,
            color: 'black'
        }
    ]
}