Preguntas sobre Deneb / Vega-lite

[Syndicate_Admin]

Hola

Estoy tratando de usar un Deneb Visual.

{
  "data": {"name": "dataset"},
  "encoding": {
    "y": {
      "field": "Group",
      "type": "nominal",
      "title": null
    },
    "x": {
      "field": "LQ3",
      "type": "quantitative",
      "title": null,
      "stack": "zero"
    },
    "order": {
      "field": "Mgmt_Dashboard_LQ1"
    }
  },
  "layer": [
    {
      "mark": "bar",
      "encoding": {
        "color": {
          "field": "Content_LQ1",
          "title": "Legende",
          "type": "nominal",
          "scale": {
            "domain": [
              "Kurzfristige Forderungen",
              "Kurzfristige Verbindlichkeiten",
              "Liquide Mittel",
              "Liquidität 1. Grad Überschuss",
              "Vorräte",
              "Liquidität 1. Grad Defizit"
            ],
            "range": [
              "#085F82",
              "#7F7F7F",
              "#053C52",
              "#7ABC32",
              "#0A83B2",
              "#C00000"
            ]
          }
        }
      }
    },
    {
      "mark": {
        "type": "text",
        "align": "left",
        "x": -1,
        "color": "white",
        "xOffset": -30
      },
      "encoding": {
        "text": {
          "field": "LQ3",
          "type": "quantitative",
          "format": ".3s"
        }
      }
    }
  ]
}

Estoy luchando con 3 cosas:

1. ¿Cómo alinear la etiqueta de la barra (por ejemplo, 733k) justo en el centro de la barra?

2. ¿Cómo puedo establecer la longitud del eje x dinámicamente en la medida "MaxLiquidityXaxis"?

3. Cómo establecer el color para cada barra en función del código de color dado en el propio conjunto de datos

Gracias de antemano!!

[Syndicate_Admin]

@giammariam ,

En primer lugar gracias!

¡La selección de colores funciona!

Sin embargo, la posición de la etiqueta de la barra no es perfecta, ya que creo que toma el centro del valor x como punto de partida, por lo que la etiqueta está bastante alineada a la derecha. Parece que el punto medio de la "barra de valor x" y el punto medio del "campo de texto" tienen que estar alineados para que la etiqueta encaje

[Syndicate_Admin]

Lo siento, no vi el cambio de "alineación": "centro". Así que funciona perfectamente bien 😉

¿Cómo resolverías el último punto con vega? Tengo que mostrar 3 diagramas uno encima del otro y necesito que el rango del eje x se establezca en la medida máxima. ¿O eso también se resolvería si "faceto" esos 3 diagramas en un solo visual y extiendo solo el conjunto de datos con grupos (1 para cada diagrama)

[Syndicate_Admin]

Hola @pbiXlsx. Tengo su primer y tercer elemento implementado. El segundo me está dando problemas. Aparentemente, debido a la forma en que vega-lite maneja los parámetros (sin acceso a las señales de configuración), no estoy seguro de si esto es posible en Vega-Lite. Si quisieras cambiar a Vega, deberíamos poder implementarlo.

Aquí hay un comentario en stackoverflow discutiendo esto

Feliz de ayudar más si quieres probar con Vega.

Especificaciones actualizadas:

{
  "data": {"name": "dataset"},
  "encoding": {
    "y": {"field": "Group", "type": "nominal", "title": null},
    "x": {
      "field": "LQ3",
      "type": "quantitative",
      "title": null,
      "stack": "zero"
    },
    "order": {"field": "Mgmt_Dashboard_LQ1"}
  },
  "layer": [
    {
      "mark": "bar",
      "encoding": {
        "color": {
          "field": "Content_LQ1",
          "title": "Legende",
          "type": "nominal",
          "scale": {
            "domain": [
              "Kurzfristige Forderungen",
              "Kurzfristige Verbindlichkeiten",
              "Liquide Mittel",
              "Liquidität 1. Grad Überschuss",
              "Vorräte",
              "Liquidität 1. Grad Defizit"
            ],
            "range": {"field": "Color"}
          }
        }
      }
    },
    {
      "mark": {"type": "text", "align": "center", "x": -1, "color": "white"},
      "encoding": {
        "text": {"field": "LQ3", "type": "quantitative", "format": ".3s"},
        "x": {"field": "LQ3", "bandPosition": 0.5}
      }
    }
  ]
}