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%处的颜色为蓝色
}
]
}
}
效果图:

本文来自博客园,作者:King-DA,转载请注明原文链接:https://www.cnblogs.com/qingmuchuanqi48/articles/16559514.html

浙公网安备 33010602011771号