Vega-Lite:数据中的描边颜色值?

2024-03-06

在 Vega 中,可以从数据中获取颜色值,如下所示:维加的例子 https://vega.github.io/editor/#/url/vega/N4KABGBEAkDODGALApgWwIaQFxUQFzwAdYsB6UgN2QHN0A6agSz0QFcAjOxge1IRQyUa6SgBY6AK1jcAdpAA04KAHdGAExbYwAVgAMuxREgpG1fFoBM+w1ELo1axjOpbtipZDXo8mHAG0lCFAIEKgZdFRkLUgfdgAbKJtQyAp0ONZkWC0A0NDgSAAPLQMoAE9LEsg49HZkOOjMeSh4bjjuACdogGIAMx79fUgAXyTc-KKcAEYmyHKcAGY3KGra+pxIRubWju6+gd1h0bzCyxm5sEnKlbqGhS22zvXe-oHDwLGThbOtSaWqmpu602kBaD12L0GI3exwmYFE3xwogAHDNrmsoMDQTsnntXlDciFxq4EWALCjlgD0Rs7iDto8oM99m8CUFPmAAGwk9mcimrW4zLH0yCMvFHQlsgDsJIsUt5gIxNMF4KZ+JZRJw5NmPx5-z5QMVdOVouh4thAE5pX80fz7tiGbjIe4WWB1WBKucyajKdF2AawU99LjmWq2dMylpRPMvXqoL6BYaA7og6qCa6LCSkWHdfLIHHbUKuoGXsHU2yo+Gpha5VS87T-Qyi46TazYfCKzp09WfX67cLGwcUx9YX8PW3szWewX+yWh1odeckbLx934-W+0ni4OYVol+dJkvreta0rE8mxS2tJrzuzNYfY5PutOt6atFWtYi33fcw-T5uTQBdd4hiUf8bEgBA0kybJ3mCXJIHCSJoiKMUYlKQgonWQhuCcPAFBNSB2nQZwMJUdRNBQtRuAwJwtHyLwfGiWIEhpHpGDqNQkOGIDRlg5IEJIrUULwNCBLiJxkHQToUMI4johMMxcJQmRGHgEi8HaDIUIAL2QdpuC0dTNPwyjqLkHA6O8XwoCYxIoFY9jonKYDQmcsBQI8dACig-wYMgDo2JkXCj24AgqJpCDmPWIpB3yfzkEC6IEh6RSoAigSnJAsCMHaABrLIfLyfDhPQ6JqD01hCDwglIB6PTUFo5s7PQVSgpdRqjH46JYF0tisnPEJPEsxiamY-qjDK7gKvYc5l0a1yXJQ7K8ug51eJZVCSvWMSZESdq7Lq2jBoY9ZuvaXqZ2q+KWjUEi1udSB4rwXSGudarYXyNLOJmey4g4qKLte98XXA+BIMcli2N+8Hn3u2B1O4HLbpqyG-vzLjXpCeaWSxlyAKAkCQGAoA/

有没有办法用 Vega-Lite 做到这一点?Vega-Lite 中的示例 https://vega.github.io/editor/#/url/vega-lite/AQbwUMnARAJAzgYwBYFMC2BDaAuGyAXAgB3hwHpyA3VAc0wDpaBLA5AVwCMHmB7cpGizU6mALQAbVqmoAmBgCt4vAHbQANBCjQAJqiQAnZsQJ81eaABFMBTMF40DwACrN0qBhq2RoAd2Y6bLjAAKwADGGaUPiozLSEwbIRUdo6Nth44NE+KpjuwbrpADLM8ARe2TBUmBLs+sEA2t7ZINAAHsGRMACeiV3QiLwSvAYFAMQAZhMREdAAvimVrR14AIzqPcEAzCEbA0Mj41MzYfOLLe2Je71r-YPDoxaT0zNnzdHL29fBq7sw94cnsdXgt3lBPngACzfKEADj2AMeMGeJzelUgENCMOAsnh-wOSOgKJB5w+lzwADZsRSqfiHkcXrNQejQOTgAB2bGyTl0wHI4FM0ngtl46A3YCrWn7elAxmnZnozEATi5f2lfKJAvlmjBGLZ-XFuIRBPGEWBaMVbPWmyhW2NMuRZpeFqWbNk2Nh1vVhLGTsFutZK2AdptEpVvJ9fu1Acx0NDIXdEdNYXNCtdQbVhrj3uTqaFeqDUvFsJ5OaeUZdFyDpfFq1LiNzzrTVeCovFFNFDfLKab+cDwXDYuCkMHXcdPaZYIAus1m9AsAYANbBLLZaAEbrEVAFKQqbezjZQZrQVAqQY6ZgqWgrsFs1eVaATZioCQ6AodPvrzfbiwAR3YmAqKYtimDQ0Bgs2Pjive0SPs+r4FL0n4bluBT-oBwE2MwYEQUKZagAGcEvm+FgNp+Eh0KeJHACo7ASBIyHfrg0AqLw6CXjU4GVHMs5aHMQA


是的,您需要设置scale to null在你的颜色属性中。

"encoding": {
      "x": ...,
      "y": ...,
      "color": {
        "field": "color",
        "legend": null,
        "type":"nominal",
        "scale": null
      }
    }

要直接对数据值进行编码,可以将scale属性设置为 无效的。

https://vega.github.io/vega-lite/docs/scale.html#disable https://vega.github.io/vega-lite/docs/scale.html#disable

希望能帮助到你!!

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

Vega-Lite:数据中的描边颜色值? 的相关文章

  • Office excel将CORS请求作为跨域请求

    我正在尝试从我的 Excel 插件发出跨域请求 正如这里所建议的 http dev office com docs add ins develop addressing same origin policy limitations http
  • 使用 javascript 禁用按钮:FF 与 IE

    我有一排按钮 它们都会创建一个我想在新选项卡中打开的 pdf 文件 这样按钮页面就会保持在顶部 并且 pdf 会打开以进行打印 为了防止单击按钮两次 我禁用该按钮 如下所示 我使用 python
  • 默认情况下嵌入带字幕的 Youtube 不起作用

    我正在尝试嵌入 Youtube 电影 并希望默认情况下打开字幕 From https developers google com youtube player parameters cc load policy https develope
  • Ajax JSON 数据和灯箱冲突

    我有一个带有灯箱插件的画廊设置光廊 http sachinchoolur github io lightGallery docs 该画廊与静态 HTML 完美配合 当我动态抓取 API 数据并尝试让灯箱处理这些项目时 问题就出现了 我似乎无
  • Backbone 中的加载栏

    我想显示加载消息 图标 直到列表中的所有项目都已呈现 这是我的示例中的 jsfiddle http jsfiddle net 9R9zU 58 http jsfiddle net 9R9zU 58 我尝试在 Feed 部分添加一个带有加载栏
  • 将上部字符转换为下部字符,将下部字符转换为上部字符(反之亦然)[重复]

    这个问题在这里已经有答案了 我需要将某些字符串中的所有较低字符转换为较高字符 并将所有较高字符转换为较低字符 例如 var testString heLLoWorld 应该 HEllOwORLD 转换后 在不保存临时字符串的情况下实现此目的
  • 为 Meteor 数据创建编号列表

    有没有办法获取 Meteor 集合中项目的编号列表的 编号 我知道我可以在 html 中做到这一点 但我觉得如果我可以在 spacebars 中放置一些东西 那么样式会更容易 如果我可以使用更好的术语 请告诉我 像这样的东西 前 20 部电
  • 使用本机 JavaScript 获取过渡中的 CSS 值

    这个问题之前被问过 但答案使用了 jQuery here https stackoverflow com q 8920934 3186555 因此 我将调整问题以专门询问native解决方案 to 最小化依赖关系 假设您有一个 div 然后
  • div Hello div div Howdy dere pardner div div div 我明白它的作用 但为什么叫这个名字both 什么是both mean 两者的意思是 一组两件事中的每一项 左 和 右 两件事
  • 水平平滑滚动 100px

    Heyjo problem 一周以来我一直在寻找 javascript 或 jQuery 代码 以便在我的网站上实现滚动按钮 我失败的那一刻是按钮应该多次工作的时候 他的任务不是滚动到专用元素 而是应该向左滚动 例如 100px 此外 滚动
  • 如何设置在浏览器的新选项卡(_blank)中打开的pdf文件的标题

    这是我的尝试 是否在新选项卡上打开 但它总是显示test pdf如题 function titlepath path name alert path alert name document title name window open pa
  • 如何在 Vega-lite 轴标题中添加换行符?

    我是 Vega lite 的新手 我试图弄清楚轴标题中是否可以换行 我有一个长轴标题 例如 长轴标题太长 无法容纳在图表下方 我试过了 长轴标题太长 无法容纳在图表下方 和 长轴标题太 长到适合图表下方 n 似乎没有做任何事情 enter
  • 限制 jQuery id 字符串吗?

    简而言之 我的问题是字符串在 jQuery 中作为可搜索 id 或可搜索内容有什么限制 更新 我得到了 ID 部分 但不是为什么我什至无法使用该字符串搜索 html 内容 对于任何愿意告诉我一个正则表达式来将模式从 MM dd yy HH
  • ExpressJS - DELETE 请求后 res.redirect

    我一直在寻找如何执行此操作 我正在尝试在发出删除请求后重定向 这是我正在使用的代码没有重定向 exports remove function req res var postId req params id Post remove id p
  • 为什么 JSON 结果可以是布尔值而不是对象或数组?

    From JSON 网站 http json org JSON 建立在两种结构之上 名称 值对的集合 在各种语言中 这被实现为对象 记录 结构 字典 哈希表 键控列表或关联数组 值的有序列表 在大多数语言中 这被实现为数组 向量 列表或序列
  • Mongodb - 为现有集合添加架构

    我的 MongoDB 中有一个包含 1300 万条记录的集合 不幸的是 当我创建这个集合时 没有为其创建模式 我想知道除了备份整个数据库 创建架构并上传所有数据之外 是否有任何方法可以添加 JSON 架构 您可以使用以下方法将 JSON 架
  • 为什么从浏览器上传到 S3 时出现 403 错误?

    因此 我尝试查看此处之前的答案 但似乎没有任何效果 我正在使用 Dropzone 它似乎发出 OPTIONS 请求来获取所有允许的 CORS 相关信息 但它似乎没有正确返回 因此 通过查看 Chrome 开发工具 我有以下请求标头 Host
  • 如何按字母顺序排序并先小写排序

    如何获得以下排序的结果Food to Eat然后是 食物123 显然 第二个较低的 o 应该将 要吃的食物 带到排序后的第一个项目中 我很惊讶这个问题不容易通过谷歌找到答案 这个壮举没有包含在 javascript 标准中也让我感到惊讶 F
  • 如何解决此错误:属性 rel 的原始源值错误

    我正在尝试使用 w3c 验证我的网站 但出现错误 Bad value original source for attribute rel on element link The string original source is not a
  • AWS SES模板html部分是多行

    我正在使用 AWS SES 按照文档发送电子邮件https docs aws amazon com ses latest DeveloperGuide send personalized email api html https docs

随机推荐