javascript - 使用 vega-lite 时禁用工具提示标签被截断/增加工具提示字符限制

Question

我使用 vega-lite 在 kibana 中创建可视化，但我想这适用于任何地方。vega-lite 有没有办法禁用或至少增加工具提示的字符长度以使其不被截断？我找不到任何有关此的文档或链接。谢谢。下面是一个粗略的例子。我希望工具提示显示“aaaaabbbcccc”的完整长度，而不是自动截断为“aaabbbc ...”

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {
    "values": [
      {"a": "AAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCC", "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"},
    "y": {"field": "b", "type": "quantitative"},
    "tooltip": [
      {"field": "a", "type": "ordinal"},
      {"field": "b", "type": "quantitative"}
    ]
  },
   "config": {
    "view": {"stroke": "transparent"},
    "axis": {
      "labelColor": "#98A2B3",
      "grid": false,
      "labelLimit": 100
    }
  }
}

在线编辑

标签： javascriptkibanavega-lite

Answer 1

我尝试操纵您提供的图表，它对我有用：

我只是将标签限制更改为任意大数字，例如 500

"config": {
    "view": {"stroke": "transparent"},
    "axis": {
      "labelColor": "#98A2B3",
      "grid": false,
      "labelLimit": 500
    }
}