traffic-light.json

{
  "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
  "debugMode": true,
  "elmType": "div",
  "style": {
    "height": "10px"
  },
  "children": [
    {
      "elmType": "span",
      "style": {
        "width": "14px",
        "height": "14px",
        "border-radius": "14px",
        "background-color": {
          "operator": "?",
          "operands": [
            {
              "operator": "==",
              "operands": [
                {
                  "operator": "toString()",
                  "operands": [
                    "@currentField"
                  ]
                },
                "完了"
              ]
            },
            "#2dc937",
            {
              "operator": "?",
              "operands": [
                {
                  "operator": "==",
                  "operands": [
                    {
                      "operator": "toString()",
                      "operands": [
                        "@currentField"
                      ]
                    },
                    "進行中"
                  ]
                },
                "#e7b416",
                {
                  "operator": "?",
                  "operands": [
                    {
                      "operator": "==",
                      "operands": [
                        {
                          "operator": "toString()",
                          "operands": [
                            "@currentField"
                          ]
                        },
                        "未開始"
                      ]
                    },
                    "#cc3232",
                    ""
                  ]
                }
              ]
            }
          ]
        }
      }
    }
  ]
}