echarts中的color渐变色 详解

echarts中的color渐变色 详解

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