echarts之调色板

调色盘

它是一组颜色,图形、系列会自动从其中选择颜色

  • 主题调色盘
  • 全局调色盘
option:{
    color:['red','green','blue']
}

* 局部调色盘
series:[{
type:'bar',
color:['red','green','blue']
}]

调色盘的作用遵循就近原则

### 颜色渐变

#### 线性渐变
```java
itemStyle:{
                    color:{
                        type:'linear',
                        x:0,
                        y:0,
                        x2:0,
                        y2:1,
                        colorStops:[
                            {
                                offset:0,color:'red' //0%处的颜色为红色
                            },
                            {
                                offset:1,color: 'blue' //100%处的颜色为蓝色
                            }
                        ]
                    }
                }

效果图

径向渐变

 itemStyle:{
                    color:{
                        type:'radial',
                        x:0.5,
                        y:0.5,
                        r:0.5,
                        colorStops:[
                            {
                                offset:0,color:'red' //0%处的颜色为红色
                            },
                            {
                                offset:1,color: 'blue' //100%处的颜色为蓝色
                            }
                        ]
                    }
                }

效果图:

posted @ 2022-08-07 17:48  King-DA  阅读(213)  评论(0)    收藏  举报