如何在Excel中图形化展示百分比并按数值自动设置单元格颜色

下面分两种实现路径，可根据自己的使用场景选择：

方案1：无代码快速实现（适合无编程基础用户） #

不需要写任何代码，用表格自带功能即可实现：

• 第一步：先给目标单元格设置快速选择选项：选中需要配置的单元格区域，点击「数据」选项卡→「数据验证」，允许值选择「序列」，来源输入0%,25%,50%,75%,100%，确认后单元格即可直接下拉选择对应百分比，避免手动输入出错。
• 第二步：配置条件格式自动匹配颜色：
  • 选中目标单元格区域，点击「开始」选项卡→「条件格式」→「新建规则」
  • 依次添加5条规则：
    • 单元格值等于0%时，填充色设为红色
    • 单元格值等于25%时，填充色设为橙色
    • 单元格值等于50%时，填充色设为黄色
    • 单元格值等于75%时，填充色设为浅绿色
    • 单元格值等于100%时，填充色设为深绿色
  • 保存规则后，只要选择对应百分比，单元格会自动填充对应颜色。

方案2：点击单元格直接切换档位+填色（带交互，需简单代码） #

如果需要点击单元格就自动切换百分比和对应颜色，可以用对应工具的脚本实现：

Excel端VBA代码 #

右键点击当前工作表标签→「查看代码」，粘贴以下代码后保存为.xlsm格式（启用宏的工作簿）即可：

Private Sub Worksheet_SelectionChange(ByVal Target As Range)
    ' 可自行修改下方的单元格范围，示例为A2到Z100区域
    If Intersect(Target, Range("A2:Z100")) Is Nothing Then Exit Sub
    Select Case Target.Value
        Case ""
            Target.Value = "0%"
            Target.Interior.Color = RGB(255, 0, 0) '红色
        Case "0%"
            Target.Value = "25%"
            Target.Interior.Color = RGB(255, 165, 0) '橙色
        Case "25%"
            Target.Value = "50%"
            Target.Interior.Color = RGB(255, 255, 0) '黄色
        Case "50%"
            Target.Value = "75%"
            Target.Interior.Color = RGB(144, 238, 144) '浅绿色
        Case "75%"
            Target.Value = "100%"
            Target.Interior.Color = RGB(34, 139, 34) '深绿色
        Case Else
            Target.Value = ""
            Target.Interior.ColorIndex = xlColorIndexNone '清空内容和颜色
    End Select
End Sub

Google Sheets端Apps Script代码 #

点击「扩展程序」→「Apps Script」，粘贴以下代码保存后刷新表格即可使用：

function onSelectionChange(e) {
  const range = e.range;
  // 可自行修改下方的行、列范围，示例为第2行到100行、第1列到26列
  if (range.getRow() < 2 || range.getRow() > 100 || range.getColumn() < 1 || range.getColumn() > 26) return;
  const val = range.getValue();
  switch(val) {
    case "":
      range.setValue("0%");
      range.setBackground("red");
      break;
    case "0%":
      range.setValue("25%");
      range.setBackground("orange");
      break;
    case "25%":
      range.setValue("50%");
      range.setBackground("yellow");
      break;
    case "50%":
      range.setValue("75%");
      range.setBackground("lightgreen");
      break;
    case "75%":
      range.setValue("100%");
      range.setBackground("green");
      break;
    default:
      range.setValue("");
      range.setBackground(null);
  }
}

内容的提问来源于stack exchange，提问作者Sam