vega-lite - 如何在 Vega-lite 轴标题中放置换行符？

Question

我是 Vega-lite 的新手，我试图弄清楚轴标题中是否可以换行。我有一个长轴标题，例如：

“长轴标题太长，不适合图表下方”

我试过了：

“长轴标题太\n 太长，不适合图表”和
“长轴标题太\\n 太长
，不适合图表”

"\n" 似乎没有做任何事情。"\[enter]" 只是为该行添加了额外的空间。

我的 x 和 y 编码如下所示：

encoding: {
      x: {field: 'a',
          type: 'ordinal',
          sort: {"encoding": "x"},  
          axis: {"title": "Knowledge of the elder\
          categories would melt\
          your psyche",
          "titleFontSize": 30,
          }
          },
      y: {field: 'b', 
          type: 'quantitative',
          axis: {"title": "Your puny mortal mind\ncannot comprehend the units\nof the multiverse!",
          "titleFontSize": 14,
          }
          }
    }

我没有收到错误消息，但我也没有收到换行符。我要么没有变化（来自 \n），要么得到奇怪的间距（来自 [enter]）。

谢谢！

标签： vega-lite

Answer 1

在 Vega-Lite 4.0 或更新版本中，可以通过传递字符串数组在标题中指定多行文本。例如：

{"data": {
    "values": [
      {"a": "A", "b": 28},
      {"a": "B", "b": 55},
      {"a": "C", "b": 43},
      {"a": "D", "b": 91},
      {"a": "E", "b": 81},
      {"a": "F", "b": 53},
      {"a": "G", "b": 19},
      {"a": "H", "b": 87},
      {"a": "I", "b": 52}
    ]
  },
  "mark": "bar",
  "encoding": {
    "x": {
      "field": "a",
      "type": "ordinal",
      "title": ["First line of title", "second line of title"]
    },
    "y": {"field": "b", "type": "quantitative"}
  }
}