如果单元格中没有数据如何改变起背景颜色
时间: 2023-11-11 07:04:56 浏览: 49
如果单元格中没有数据,您可以使用visualMap组件的outOfRange属性来改变其背景颜色,具体实现如下:
```
option = {
visualMap: {
min: 0,
max: 100,
calculable: true,
orient: 'horizontal',
left: 'center',
bottom: '15%',
inRange: {
color: ['#F5DEB3', '#800000']
},
outOfRange: {
color: '#D3D3D3' // 设置背景颜色
}
},
series: [{
type: 'heatmap',
data: [
[0, 0, 10],
[0, 1, 20],
[0, 2, 30],
[0, 3, 40],
[0, 4, 50],
[1, 0, 60],
[1, 1, 70],
[1, 2, 80],
[1, 3, 90],
[1, 4, 100]
]
}]
};
```
在上面的代码中,visualMap组件中的outOfRange属性设置了单元格无数据时的背景颜色。当单元格中没有数据时,其值会被视为null或undefined,此时会显示背景颜色。
您可以根据需要设置合适的背景颜色。需要注意的是,使用outOfRange属性时,需要同时设置inRange属性,否则会出现背景颜色与颜色范围不一致的情况。
相关推荐
![html](https://img-home.csdnimg.cn/images/20210720083451.png)
使用学习的表格技术画出一个表格(只有一个单元格),创建一个按钮,每次点击按钮的时候表格中的单元格()的背景颜色都会变成另一种颜色,比如一个单元格A的背景色是白色,那么,点击按钮后变成红色,再点击变成绿色,如此往复在几种颜色中循环变化(比如在红,兰,黄,绿四种颜色之中循环变化)。
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)