Início / coding / Perguntas / 79573869
Accepted
spaghettidave
Asked: 2025-04-15 03:17:39 +0800 CST

limitando a marca de texto em deneb/vega para estar dentro de outra marca

  • 772

considere este exemplo (aqui com mais dados de amostra no editor vega )

{
  "$schema": "https://vega.github.io/schema/vega-lite/v6.json",
  "data": {
    "name": "dataset",
    "values": [
    {
        "JobBeg": "2023-01-01T11:04:45",
        "JobEnd": "2023-01-01T18:04:45",
        "JobNum": "JN000",
        "Assigned_To": "David",
        "Midpoint": "2023-01-01T14:34:45"
    },
    {
        "JobBeg": "2023-01-01T15:07:31",
        "JobEnd": "2023-01-01T18:07:31",
        "JobNum": "JN001",
        "Assigned_To": "Bob",
        "Midpoint": "2023-01-01T16:37:31"
    }
]    
  },
  "layer": [
    {
      "mark": {"type":"bar", "stroke":"black","strokeWidth":2},
      "encoding": {
        "y": {
          "field": "Assigned_To",
          "type": "nominal",
          "title": "Assigned To"
        },
        "x": {
          "field": "JobBeg",
          "type": "temporal",
          "title": "Start Time",
          "axis":
          {
            "interval": "day",
            "step": 1
          }
        },
        "x2": {
          "field": "JobEnd",
          "title": "End Time"
        },
      "tooltip": [
        {
          "field": "JobBeg",
          "type": "temporal",
          "title": "Start Time",
          "format": "%Y-%m-%d %H:%M"
        },
        {
          "field": "JobEnd",
          "type": "temporal",
          "title": "End Time",
          "format": "%Y-%m-%d %H:%M"
        },
        {
          "field": "JobNum",
          "type": "nominal"
        }
      ]
      }
    },
    {
      "mark": {
        "type": "text",
        "align": "center",
        "baseline": "middle"
      },
      "encoding": {
        "y": {
          "field": "Assigned_To",
          "type": "nominal"
        },
        "x": {
          "field": "Midpoint",
          "type": "temporal"
        },
        "text": {
          "field": "JobNum",
          "type": "nominal"
        }
      }
    }
  ]
}

atualmente, estou usando o ponto médio do início/fim de um trabalho para centralizar a marca de texto em cada barra, mas não consigo descobrir uma maneira de restringir a marca de texto ao tamanho da barra (por exemplo, se for uma duração muito curta, não devo ver o texto transbordar da barra)

json

1 respostas

  1. Best Answer

    Uma maneira de explorar é definir a text mark's limit propertyexpressão via para corresponder à distância medida de JobEnd- JobBeg, que seria truncada com reticências se esse comprimento fosse excedido, por exemplo:

    {
  ...
    {
      "mark": {
        "type": "text",
        "align": "center",
        "baseline": "middle",
        "limit": {
          "expr": "scale('x', datum['JobEnd']) - scale('x', datum['JobBeg'])"
        }
      },
      ...
    }
  ...
}

    Editor Vega (linhas 116-118)

    Você também pode usar esse método para definir a opacidade de uma marca ou outra propriedade semelhante se não quiser vê-la, em vez de truncá-la.

    O outro desafio aqui é que algumas posições de marca se sobrepõem independentemente dessa abordagem e ainda causam artefatos de renderização, que ainda podem ser vistos no exemplo vinculado. Talvez seja necessário desenvolver uma técnica de prevenção, como calcular um baselinevalor diferente para compensá-los (ou, mais drasticamente, considerar o uso do Vega e da transformação de rótulo ).

    • 1

relate perguntas