Vega-lite:轴中标签的换行或自动换行

2024-02-11

我试图将 x 轴的标签包裹在下一行,因为标签长度很长。那么有没有什么办法可以实现呢。我尝试使用calculate and labelExpr通过破坏标签字符串,然后使用 '\n' 连接它们,但这似乎不起作用。

是否有任何其他配置可以帮助我实现此用例或任何解决方法? 您可以在这里参考配置 -维加莱特 https://vega.github.io/editor/#/url/vega-lite/N4IgJAzgxgFgpgWwIYgFwhgF0wBwqgegIDc4BzJAOjIEtMYBXAI0poHsDp5kTykBaADZ04JACyUAVhDYA7EABoMcGmSxoQUOZiQ1ZcAE6KQAdxoATehq2ydew8fNIdaUMSSCGcCGgDaoJCgtBlsAfVkGBCYHVABGJSYPJFkoODQAZgBOACZsgFYlADMaAwhMWSQENPQAQSiHJUEkMoqqjQARBgBrNKUkMmr07KUB2XMYkABZYyRzcwNvH3QADmWABgACAAk2QSqIDYAZZN6QRBxBNgBPCYAFK4NKmmNEXUENSuiDc264AAEcA8npQtAhjFA6FcNAAhAxsCjyJRlZzVEAASUOxgsGliIAAvgoAkE2CFMOFIl80AA2BJJFLVPJU5Y0kDFUrlSqorbOTA0U5NFqcmFycwzAYZFmjcZGdDTPpzBYQJYgKkAdliG1hNDKuw2AGVMAs4JgXggLtcJgA5Y39KFKV40d7oGA8vlMEV-fQ6MhXEFsMFKCGYKHodrJTCnZERjQAFUtWNF6Cp+MJIECwTCEXqMti6VpTXpGWyy3SyyKJUFbXQlpO2H5zQ5VZA0JRPj64tQxZGcDGEwAYjMFYsNKrlpkNpNZtq5PrDXBjabzTcZSAAIoMR2Q01vDQVL0RxIRiB-ACOG+Ewb9Ac0W+r8I8xijqIAajUEzj0imiRmyVnKXEyxARIC1SNAxFidZy3ZVpUTDQR60rVEaicBA2zTDt0jzEApQmOU0yHJUNDENVtgYTBYD0GRZA2ABhEkDBNe0zUuZdhT0Lpt0dDQnHg2ZKmPd12KvcFbxAAB5AwaCgDikR0aNZXad90Agr802JUlyWzNBsjWfNklAuIqXAwC2UQjQAFFhFkNgjEaBsYI0AAlZxhEKQoxUGSUe2lDQ8NmeZh3QYtsg2ABpPQyAOW4mlApilwmPVUlsSSoE4p0zismzHkwVzCj+aAe0NKThMDUTHJoL4UFklENAAdTfJRsSCtZVPTElMwpGJ8j0wtUDENY8n6qCzPQZ8SloWQaCqkABUbJCriSDyMkybtexXAd5QCwjlPVDZbjI1oNhqUgIlOc4WP7R02HMK59DSjRiHGvQpqQBamj+YpLhu-QSpvYMNEtKSYF2KjHzk1FbgakAmpAfJWvUjqtNQIYeoMsR1mZYa5o6R0mm+YxZoc2UoBweBSjkJbkbEVafPQDb8K25VVTWEL10KvRZyNRizmYi0V3XN5QXu9BzFxpBvgQEmyao08GEF-1fqDEMQGfcgNxcar5PReNGsTEAhnhn9NP-dJVVR6oIKpWJhlZCtseJgYEPtqY2DkOA7XQwYVuw7zcMHRmNGWbIqQ2PtcYQGy4D2mKzt51j0EcuBSFKBg0IddLJcdiO3auP4FmTiBU8V0SY1d+DHsEeCwZq9AxNCpT9dVQ32t-TqZTEamgLpAz0g75Yzdt6ChVqBgFmEabCeHkBuW+CLKdNmm-c2xVlTyFnNVeqBco2GNDEeWKefilcJOAmgAA9hbTUe4HHl1Z9kMg-hs0+z+L-70AATXF8wK6rzXYPMg3DuzcNJ-hiGIb2wF9LVGyJkWIaxO6mWdn2BgghMAUzsiNaeuxub9BgVhHC61-YryInkDUWwKS7EsJzec3Nzp8w0DUaysBprpw0IUVB6DZDAzQX8ZIbAWFv2VnqEIklk7Vy1o5NEQDMggMRv+Mh5s0CxH6pkAeSCibNlHlwgm9kp6THdoYNCeCMjxB9mtDQ9N-IkPQJhMQGxyrJxoQuOKF0VzQjgAALwfExHc6AmDaLkFUZcAkvEeCERoAAUoELoVEAkGDIBI1EkwxINzIXI1uSNGRKLiBAnIWNNGRLYBAPkuisHWkEKDdsgwbaEN8sQwKIBlh5FVDvJA7oDC0XonQuOExzIIENIES+khil8n0JUuQfxECDKgBE9AIjZCyCuCU8YSSNAAFUYxpOTASb8LdjYxCpFhKBvUqRrFVOou2miKFqG8GU52YkTA9mMRhXS5jaYgCsQRVe8D9RwHMGQMw0lnE9KPhoZ8HgcALB8TzPxGAGC3JkE82Qx53CCChXAcJQtSrvxAAAcXPIUGyop-4aFCnqBuRyMkHJlEyHJHdsgqIKVPbkld7maNCu7Sm3V3n9gadtEAORWktiuHtcWXQTCvUXG4iyJ0IwX18VxZ0HhBA9FzknQqcBX7Yr+sIl0JgEBkTWegGiUMYZMmpWAmUzMcmlliKqG2Gip7tBUAFdlU8YzAzNFUz2GQCG+yIcvRpTI8j6lgGXI4JxpUMOrMac0qzFXpXGBYBY9B-R4EmV6eNcA5kgBovAFoRrSXoDxWavWzN8QAF0CRX3QSUzx1RQA2DsCijQOB-JzyUMGHAqJijc0VDQBtaBDReBrU0eO-gQDIAMBxVAoBu2ohwGwPQ3NPrwUTCOuASJB0WzXjWnsWhRYP1cCAEMoBig3z1iYrtVwe0aDPOGOgzgaCkBmGfbUJ7eQ5VRIXBAoQTmgTxDWi+c7baXo+N84wC6NDEr0DCpA76ljzroFXasQo7LREEEwsgqH+BiAKDNdpN8+zaD1Du5RNsmiYcODQBAdBqRrCAzWiAN84BQF5BTUDTADCpxgJ+29qIV2GDRfiID1agA.


字符串中的换行符不能用于显示换行符。您可以通过传递字符串列表来在大多数 Vega-Lite 字符串中生成换行符。

对于您的图表,您可以使用以下命令生成换行符split()计算变换中的运算:

  "transform": [{"calculate": "split(datum.address, ' ')", "as": "address"}],

结果看起来像这样(在编辑器中查看 https://vega.github.io/editor/#/url/vega-lite/N4IgJAzgxgFgpgWwIYgFwhgF0wBwqgegIDc4BzJAOjIEtMYBXAI0poHsDp5kTykBaADZ04JACyUAVhDYA7EABoMcGmSxoQUOZiQ1ZcAE6KQAdxoATemgAcABltLzSHWlDEkghnAhoA2qCQoLQZZTAB9WQYEJkM0AEYlJg8kWSg4NABmAE4AJhyAViUAMxoDCExZJAR09ABBaNilQSRyyuqNABEGAGt0pSQyGoycpUHZc1j0AFljJHNzA28fdGs7AAIACTZBaog1gBkUvpBEHEE2AE9JkAAFC4MqmmNEXUENKpiDcx64AAEce6PShaBDGKB0C4aABCBjYFHkSnKzhqIAAkvtjBYNHEQABfBQBIJsELhSINIyoABsiWSqRq+Up1mpIBKZQqVRRG2cmBox2arQ50Lk5lmg0yzLGEwpIBm-XmiwgyxAlIA7HE1jCaOVtmsAMqYRZwTDPBBnS7XAByRoGkKULxob3QMG5vKYwt++h0ZAuwLYoKU4MwkPQHRSmGOSPDGgAKhbMSL0JS8QSQIFgqEIlFPvEMjTmnTMjlrBlrMVSgL2ugLUdsHyWuzKyAocifP0xagi6M4ONrgAxWbypYaFXWLJrKZzLVyPUGuBGk1mq7SgCKDAdEJNrw0lU94aS4YgvwAjmvhEHff7NBuq3CPMZIyiAGq1ePYjLJwnp0lZyZxUsgJJ8zSNAxD-BwWXLBsUVDQQ6wrFFaicBBW1TdsMlzEBJWuWVU0HRUNDEVVNgYTBYD0GRZDWABhYkDGNO1TXOJchT0bpNwdDQnFguYqkPN1WIvMFrxAAB5AwaCgNjER0KNpg6V90D-D9UyJElM3JNAcnAwCUmA1A4kpUD-1ZeCNAAUWEWQ2CMJp6zaFEACVnGEIoilFIYJW7KUNBwuYFiHdAixyNYAGk9DIPYbmaYCGMXa5dTSUJxKgdjHROSzrIeTAXKKX5oG7A0JMEgNhIcmhPhQaTkQ0AB1F8lCxQLbGUtNiQzMlsw7QoANpPSxFsfJ+rLNl7I0R9SloWQaEqkB+SgjRaguZJ3MyLIux7aV+zlfz8MUtU1huEi2jWWpSEiY5TiYvsHTYcwLn0VKNGICa9GmpAluaX4SnOO79GKq8gw0C0JJgbYKPvGSURueqQEakACha1T2p-ClhjzXSajEOwmWG0yQwdZovmMObRumKAcHgMo5BW1AMjEdbvPQLbcJ2pUVVsYLVwKvQZ0NeiTkY80VwYV4QUe9BzAJpAvgQcnKYo48RYdEF-sDYMQEfcg1xcKrZLROMGoTEBhkRr91M6jIVXRgt9KZOIRggkbBTJwY4Pm6Y2DkOBbVQoY1swrzsIHVmNGsHJKTWXsCYQay4AO6KLsF5j0AcuBSDKBgUPtNLZddmOvYuX5FnTiBM9V4To092DnsEWCIeq9ARJChTjZVU22u-DTUDEemeqAoYe+sK3HbxkBagYRZhBmknnZALkvnCmnLYZoPtoVJV8g5jV3qgHK1mjQwHhigW4ulMTAJoAAPcXUwnuAp+dBfZDIX5rIvy-y8B9AAE1pfMGu6662gmZFuPd25qQ6pMMQ-sdI2xyFkOIthe4mXdiAXsDBBCYGprZUeWxME0xyBhLCm1g7rwIvkdUGwszbEsLzOc-NLpCwWlZWAM1s4aCKBgrBshQaYN+CkNgrDP7q11CEcS6d656wcqiUBWRwHIy7hQ62ek4j9SyMPFBpMmwT24cTOys8pje0MChAYQwEgBw2hoZmfkyHoHQmINYZV050PnLFK60ooRwAAF53gYludATAdFyGqEuPi3iPDCI0AAKUCN0CigSDBkEkSiKYIkW4UPkZ3TqDJlE1FUVkXIuNUFRLYBAXkejR5WkEODNsQwHbEJ8qQgKIBrD5BVPvJAboDDUVogwpO1wzIIANIEG+khSm8n0NUuQvxEDDKgJE9AojZCyAuGUiYySNAAFVozpKTPiT8HdzaTEpBhWBelKS2BVBoyCWiqFqG8BU1BIkTDdhMWhcCDSmZNN2iAChtg9RwHMGQMwkkXF9NPmNDwOBFi+IFv4jADB7kyBebIQ87hBDQrgBEsWJUv4gAAOKniKNZEUQCNAhV1C3E5mSjkUkZLkkCYgciqKKbcjwbwcGoJCt7Ah3VPloO+UqXI7TmwXAOtLboJh3oLnceZM64Zr5+I4k6dlvRC5pwKnAD+OKAYiOdCYBAJENnoCojDOGjIaWQIpOzBltNrBxBVA7TRs8OgqH8o8rR0ZQamhqb7TIRDA4kLXs0xk+Q9SwCrgcI4MqmFViNGadZSq0oTAsIsegfo8DTM9AmuACyQBUXgK0I1ZL0D4rNUbdmeIAC6+Jb5YLKV4mooAtChF0KijQOA-KLyUEGHAKISj8wVDQRtaADReFrcM1FxKDCglQP4TQHgoAYIbiACAZw6AAAonCYCiJQGxSwFBrAAOTHoAJSzCVPu-CuIq22WTvO5ABg2KoFAL2lEOA2B6H5t9WCCYx1wERMOvJm9a3di0JLZ+rgQDBlACUe+RtTHGDfRoE8YY6DOBoKQWYl8tRQZ5NlFEpcEBhDOekXEtbr4vogvB94eEULIfQCSvQsKkA4eWK+ugdcqyClsjEQQtRn5cf4GIbqzQ+O9m0LqID8QHZifvvsGgCA6BoAueR2tEB75wCgDyamVGmAGEzjAPDFw+0aC-YYdFeJyM1qAA):

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vega-lite:轴中标签的换行或自动换行 的相关文章

  • WPF 超链接中的文本换行

    在我的 WPF 应用程序中 我有这个
  • 在 Objective-C 中封装 C 库的技巧

    我有一个用 C 编写的库 我想在 Mac 或 iPhone 上的 Objective C 应用程序中使用它 不幸的是 由于该库是由开源领域的个人编写的 因此文档非常稀疏且不完整 虽然我可以弄清楚如何使用库中的内容 但我并没有真正了解整个代码
  • 如何将全部破坏限制为仅长单词?

    我正在尝试全部打破很长的单词 还有一些很长的uuid col在基于引导程序的模板中 但是当我对所有列使用以下样式时 它会破坏所有内容 在示例中检查不良破坏 即使单词正常换行的地方工作得很好 在示例中检查预期破坏 有没有办法我可以尽可能使用正
  • Altair 等值线地图,基于折线图选择的颜色突出显示

    我正在绘制由字段着色的分区统计图Passenger 0 以及显示演变的折线图Passenger 0 一整天由zone 我想选择一行 zone 在线图中 并在地图中突出显示它 反之亦然 在地图中选择一个区域 并在折线图中突出显示它 目前 我可
  • 在 SciTE 中重新格式化 80 列中的文本(或者更好的是 LaTeX)

    我最近在 Lix 这样的所见即所得编辑器的帮助下开始研究 LaTeX 现在我开始在 Sci TE 中编写 tex 文件 它已经具有语法高亮显示 并且我调整了 tex properties 文件以在 Windows 中工作 显示 Go 上的预
  • 没有自动换行的多行 UILabel?

    是否有可能有一个UILabel由多个组成 n 分隔行的行宽度 gt 标签宽度被截断而不是换行 假设我有一些如下所示的文本 这是一个非常长的第一行文本 太长而无法水平放置 短线 又一条短线 我希望这个出现在我的UILabel像这样 1 Thi
  • Altair Ridgeline 不会创建具有名义组的绘图

    我尝试在 Altair 中创建山脊线图 假设我的数据框由 str 和 float 列组成 a object b float64 dtype object 具有像这样的值 a b 0 25 2303 0 1 29 2676 0 2 18 29
  • Textblock 中的标签自动换行不起作用

    我有一个包含相当多对象的 WPF 页面 在所有这些项目的底部 我有一个标签 需要在内容中进行文字环绕 答案很简单 通过使用 Textblock 这应该是小菜一碟 然而 即使我使用了这些项目 我仍然无法让文本换行 所以我假设其他对象中必须有其
  • 防止 TextView 中出现不需要的换行

    尽管设置如此 我的文本视图仍在换行文本lines 1 and ellipsise end 除了防止换行手出现带有 的文本省略号之外 我还需要做什么
  • Eclipse javadoc 注释中的错误换行

    我认为 Eclipse 内置的 Java 格式化程序中有一个小但烦人的错误 我有一个 Javadoc 注释 如下所示 stuff code mTasksBelow 其中末尾的句点位于第 81 列中 格式化程序设置为在第 80 行包装 Jav
  • React-Vega 和 React-Vega 工具提示

    我在用着react vega lite 官方给出的例子 https vega github io vega lite https vega github io vega lite https vega github io react veg
  • 调整 UILabel 大小以适应自动换行

    这是 iPhone 应用程序的一部分 但通常应该适用于用 objC 编写的 Cocoa 我有一个 UILabel 保存各种数量的文本 从单个字符到几个句子 文本应始终以适合 UILabel 中所有文本的尽可能大的字体显示 最大行数设置为 4
  • 使用 StackLayout 进行标签换行

    我正在使用 Xamarin 并使用 XAML 创建视图 但我一生都无法让这个标签按照我想要的方式包装 如果标签到达屏幕边缘 我希望它像这样换行 现在它看起来像这样 这是我的代码
  • 自动换行链接,使其不会溢出其父级 div 宽度[重复]

    这个问题在这里已经有答案了 我有这段代码 div permalink section width 960px div a href here goes a very very long link a div 链接文本可能非常长 当其长度超过
  • ARKit - 如何在另一个 SCNNode 中包含 SCNText(语音气泡)

    我正在尝试在 ARKit 的语音气泡中创建一个带有简单文本的报价生成器 我可以用文本显示语音气泡 但文本始终从中间开始并溢出到语音气泡之外 任何帮助使其在语音气泡的左上角对齐并包裹在语音气泡内的帮助将不胜感激 Result Classes
  • 在 jQuery 中,如果我有一个开始类和结束类,我如何用 div 包装多个元素

    好的 这里有一些 html 我有一些开始和结束课程 但为此我只添加了每门课程 1 门 div span nbsp span div div span nbsp span div div class start lt start span n
  • Kivy - 文本换行工作错误

    我正在尝试在 Kivy 1 8 0 应用程序中换行文本 当没有太多文字时 一切正常 但如果文本很长并且窗口不是很大 它只是剪切文本 这是示例代码 vbox BoxLayout orientation vertical size hint y
  • 单个 Vegalite 图中可以有面和层吗?

    我很难理解为什么层规范如下所示 layer encoding facet field FEATURE VALUE x field DATE type temporal y field VALUE type quantitative mark
  • 在 vim 中设置文本宽度而不覆盖特定于文件类型的内容

    我希望 vim 中默认的文本宽度为 80 但如果特定文件类型有自己的文本宽度 特别是 gitcommit 其中 tw 72 我希望 vim 尊重该宽度 在我的 vimrc 中 我有以下行 set tw 80 我也尝试过 setlocal t
  • 使用 VEGA-LITE 绘制多个“列”并包含图例

    我有以下最少数据 date 2019 01 01 foo 10000 bar 10 goo 30 date 2019 01 02 foo 30000 bar 20 goo 20 date 2019 01 03 foo 40000 bar 2

随机推荐