Vega / vega-lite多级/层次轴
Vega和Vega-Lite是一种用于创建交互式可视化的声明式语法。它们是基于JavaScript的开源工具，由大学研究人员和数据可视化专家开发而成。Vega和Vega-Lite提供了一种简单且灵活的方式来描述数据可视化的外观和行为。
Vega是一个更底层的工具，它允许开发人员完全自定义可视化的每个方面。它使用JSON格式的规范来描述数据的结构、视觉通道、标记类型和交互行为。Vega提供了丰富的视觉编码选项，包括位置、颜色、大小、形状等，使开发人员能够创建高度定制化的可视化。
Vega-Lite则是在Vega的基础上构建的更高级的工具。它提供了一种更简化的语法，使开发人员能够更快速地创建常见的可视化。Vega-Lite的语法更加易于学习和使用，同时仍然提供了丰富的可视化选项。开发人员可以通过简单地定义数据的结构和可视化通道，来创建各种类型的图表，如柱状图、折线图、散点图等。
多级/层次轴是Vega和Vega-Lite中的一个重要概念。它允许在可视化中同时显示多个层次的数据。例如，可以在一个图表中同时显示年份和月份的数据。多级/层次轴提供了一种直观的方式来比较和分析不同层次的数据。
在Vega和Vega-Lite中，可以使用层次轴来定义多级/层次轴。通过指定数据字段和层次的关系，开发人员可以创建具有多个层次的轴。这样，用户就可以通过交互方式选择不同的层次，并在可视化中进行切换和比较。
对于Vega和Vega-Lite，腾讯云提供了一些相关的产品和服务，如云原生数据库TDSQL、云服务器CVM、云存储COS等。这些产品可以帮助开发人员在云环境中部署和运行Vega和Vega-Lite可视化应用，提供高性能和可靠的基础设施支持。
更多关于Vega和Vega-Lite的信息，您可以访问腾讯云的官方文档和产品介绍页面：
- Vega官方文档：https://vega.github.io/vega/
- Vega-Lite官方文档：https://vega.github.io/vega-lite/
- 腾讯云云原生数据库TDSQL产品介绍：https://cloud.tencent.com/product/tdsql
- 腾讯云云服务器CVM产品介绍：https://cloud.tencent.com/product/cvm
- 腾讯云云存储COS产品介绍：https://cloud.tencent.com/product/cos
相关·内容
1回答
Vega / vega-lite多级/层次轴
vega、vega-lite、trellis
我见过像facets之类的视图组合技术，但是我正在努力创建一个绘图，它具有多个视图单元格/子图，用于不同的维度/组组合，如x轴的图像所示。你能为这样一个图提供一个示例json，这样我就可以有多个组同时应用于x和y轴吗？ 请参考下面的vega规范，了解我已经尝试过的内容。我想在上面添加一个图表，彩色框应该是刻度。https://vega.github.io/editor/#/url/vega/N4KABGBEAkDOD
浏览 33提问于2019-01-08得票数 0
1回答
如何使用Vega-Lite绘制一个轴上的多个变量？
vega、vega-lite
根据Vega-Lite的西雅图天气教程，可以很容易地绘制每月的平均最低温度： "$schema": "https://vega.github.io/schema/vega-lite/v2.json", "url": "https://vega.github.io/vega-lite/dat
浏览 12提问于2017-07-18得票数 1
回答已采纳
1回答
vega lite中的访问数组
vega
我需要在vega-lite/Kibana 6.5中执行一个与下一个类似的操作。我需要将y轴除以"data.values.b“。如何执行此操作？{ "description": "A simple bar chart
浏览 16提问于2019-10-14得票数 0
0回答
在vega-lite中排序标称轴值
vega-lite
我有一个vega-lite分层条形图来比较likert scale前后的调查结果。X轴具有likert选项，但这些选项是按字母顺序排序的。X轴值的顺序可以排序吗？vega-lite示例代码："$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"description": "A bar
浏览 7提问于2017-06-08得票数 1
回答已采纳
1回答
在交互式图表中固定轴比例
python、altair、vega-lite
我可以交互地平移图表的y轴(在上面的静态图像中是不可能的)，但是我可以低于0是没有意义的。有没有可能以某种方式将y轴固定为正值？
浏览 11提问于2020-09-03得票数 2
回答已采纳
1回答
在altair中选择空条
altair、vega-lite、vega
是否可以使用altair在单击时选择图表中的空条？ 例如： selection = alt.selection_single(fields=['x'])
x='y:Q',color=alt.condition( alt.value('#011B56'),
).add_selection(selection).pro
浏览 22提问于2021-06-18得票数 0
回答已采纳
1回答
Vega-Lite分层图:如何获得横跨整个轴的刻度线和刻度标签？
vega-lite
我遇到的问题是，在x轴上，刻度线和刻度线标签只出现在条形图的下方，而不会跨越整个轴，因此在标尺线所在的位置下面没有刻度线和标签。下面是我看到的一个示例(link to Vega editor)： {
"$schema": "https://vega.github.io/schema/vega-lite/v4.json",color": {"value": "red"
浏览 13提问于2020-01-11得票数 3
4回答
Clojurescript，JavaScript，SVG，图表，图形
javascript、svg、clojure、clojurescript
我正在写一个客户端应用程序。我想使用ClojureScript。我想生成矢量图形(图形，图表，折线图)。唯一的硬需求是ClojureScript -- (1)我喜欢Clojure，并且希望在Clojure中完成整个应用程序(2)这需要在浏览器中运行
浏览 5提问于2012-04-26得票数 8
回答已采纳
1回答
尝试在Vega-Lite中的鼠标悬停时获取参考标记- "Not in Spec Error“
object、data-visualization、graph-visualization、vega、vega-lite
所以我正在尝试用react和vega-lite做一个数据可视化项目。我使用的是包装器，但这并不是给我带来问题的部分(它看起来只是一个简单的包装器，没有对Vega-Lite进行任何处理)。我只是想让图表显示从给定点到x轴的线，以及从给定点到y轴的线，这是基于鼠标悬停在点x上。我在下面的代码中得到的错误是" error : Invalid Spec“，然后引用整个对象。我目前使用的是Vega-Lite v2。
正如您所看到
浏览 1提问于2017-07-31得票数 3
1回答
为什么在我的分层线图中使用垂直方向什么也不做？
plot、vega-lite、line-plot
如果我在这里将horizontal更改为vertical，则轴不会切换： "$schema": "https://vega.github.io/schema/vega-lite/v5.json"如何使x轴和y轴转换位置？
浏览 4提问于2022-06-25得票数 -1
2回答
有没有办法在绘图和X轴之间添加换行符(vega-lite)
vega-lite
我不确定这是否有意义，但是否可以在绘图的起点和X轴之间添加一个换行符。例如 { "width": {"step": 10},
"height
浏览 22提问于2019-12-19得票数 2
回答已采纳
1回答
Vega-Lite :悬停细胞热图时的交叉线
vega-lite
我正在尝试用Vega-Lite制作一个交互式热图。当悬停单元格以提出Y轴和X轴标签时，我希望显示交叉线。实际上，我知道可以显示工具提示，但这不是我要搜索的内容。下面是代码和editor { "background": "#fbfbfb
浏览 12提问于2021-07-01得票数 0
回答已采纳
1回答
我如何在牛郎星上用刻度标记一个日期轴？
python、altair
它看起来像是Vega允许你为日期/时间轴指定分辨率(例如天)和间隔：https://vega.github.io/vega-lite/docs/axis.html#labels {"interval"
浏览 8提问于2020-12-17得票数 1
回答已采纳
1回答
在vega lite中设置默认字体
vega-lite
是否可以设置用于所有标签和标题的字体，例如在vega-lite's config object中？我目前为x&y轴和颜色图例设置了labelFont和titleFont，但是所有地方的字体都是相同的，所以只设置一次就好了。
浏览 16提问于2020-01-14得票数 2
回答已采纳
1回答
如何设置Vega-Lite时间序列图x轴的最大值和最小值？
vega-lite
我正在用Vega-Lite制作时间序列图表，我想设置x轴的最小和最大值，而不是正在显示的值。原因是我在单独的图表中并排显示多个时间序列，并且我希望它们的x轴对齐，即使某些序列比其他序列开始得更早。但是，我将其设置为什么似乎并不重要，我的图表不呈现任何线条，也不呈现x轴上的任何刻度，并且在控制台中打印警告Infinite extent for field "data": [Infinity, -Infinity更令人困惑的是，我可以通过同样的方式设置encoding.y.scale.domain来控制y<
浏览 26提问于2020-03-11得票数 6
回答已采纳
1回答
堆叠条形图的排序条
vega-lite
例如，从示例()中获取这个堆叠条形图： "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "y": {"field": "variety"},
"color": {"field"
浏览 1提问于2021-12-01得票数 1
回答已采纳
1回答
Vega-lite中X和Y的画笔放大
vega-lite
在Vega-lite中，可以用画笔同时在X和Y方向上放大绘图吗？使用此示例作为基础：{
"$schema": "https://vega.github.io/schema/vega-lite/v4
浏览 13提问于2020-02-07得票数 1
回答已采纳
2回答
如何从python中将null作为聚合字段的值传递？
python、altair、vega-lite、vega、vegas-viz
我想要做到这一点： "mark": {"type": "bar", "tooltip因为Python没有null关键字，所以我不知道如何在x轴中将aggregate的值设置为null。任何帮助都是非常感谢的。谢谢!
浏览 46提问于2021-02-16得票数 0
1回答
如何仅在水平轴上使用vega-lite链接多个绘图？
vega-lite
我已经测试过了：https://vega.github.io/editor/?#/url/vega-lite/N4IgJAzgxgFgpgWwIYgFwhgF0wBwqgegIDc4BzJAOjIEtMYBXAI0poHsDp5kTykBaADZ04JACyUAVhDYA7EABoQAEySYUqUAwBOgtCrVJOmNlADWESlAjEQAXyXEocqGrQBtUJm1JZEAGZs2ggeoP40gphw2vqqmAwIlBAAnghMbIIAvNkA5ACSAEIAsjn2A
浏览 15提问于2020-06-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
