问题标签 [vega-lite]

我正在尝试建立一个基本环境来使用vega-lite- 这需要vega和vega-embed.

看起来vega-lite-1.3.1和vega-2.6.5在一起很开心：这些显然是旧vega-lite编辑器上使用的版本：http: //vega.github.io/vega-editor/ ?mode=vega

但是呢vega-embed？我尝试了相同的版本vega-embed-2.6.5，但它得到404 https://cdnjs.cloudflare.com/ajax/libs/vega-embed/2.6.5/vega-embed.js

那么vega-lite//的版本是vega如何vega-embed相关的

按照 Vega-Lite 的西雅图天气教程，很容易按月绘制平均最低温度：

这个数据集也有temp_max变量。如何在 y 轴上绘制temp_min和绘制？temp_max

我有一个相当简单的条形图，使用 Python altair 库创建，基于 Pandas DataFrame。

生成图表的代码是：

转换为以下 vega-lite 语法：

我唯一想补充的是每个条形图上（或上面）的实际值，最好逆时针旋转 90°。

到目前为止，我只能找到该mark_text功能，如果我使用分层，这可能是一个选项，但我找不到如何旋转文本。当然，如果有更好的方法（或者根本不可能），一定要告诉！谢谢！

我刚开始使用 Kibana (5.5.0)。我找到了一个不错的插件，叫做Vega。在花了几个小时尝试安装这个插件失败后，我决定在这里发布这个问题。例如，当我运行此命令时bin/kibana-plugin install file:///ust/test/kibana-vega-vis-master.zip，我收到此错误：

D3新手。如何调整 vega-lite 条形图中条形之间的间距并覆盖默认值？binSpacing 我认为仅适用于直方图。请参阅下面的代码。我也想调整文本和字体系列的颜色......但是在文档中找不到它。

我有一系列transforms不是 Vega-Lite 解析器的“朋友”。有没有办法获得比以下更好/更详细的错误消息：

具体来说：消息Ignoring an invalid transform 确实报告了哪个条目不正确。这是一个好的开始。我想知道是否可以获得比这更多的细节 - 例如通过verbose设置

所以我正在尝试用 react 和 vega-lite 做一个数据可视化项目。我正在使用包装器https://github.com/kristw/react-vega-lite但这不是给我带来问题的部分（它似乎只是一个包装器，没有任何 Vega-Lite 的摆动）。

我可以做的是将数据导入电子表格并通过一些 API 调用制作折线图（在本例中是对一些股票市场数据的 api 调用）。

我不能做的是在鼠标悬停时叠加规则。我只是想让图表显示从给定点到 x 轴的线和从给定点到 y 轴的线，基于沿点 x 的鼠标悬停。我使用以下代码得到的错误是“错误：无效规范”，然后它引用了整个对象。没有帮助，但这一定意味着我定义的东西是错误的。我目前正在使用 Vega-Lite v2。

我一直在尝试使用这份白皮书 ( https://idl.cs.washington.edu/files/2017-VegaLite-InfoVis.pdf ) 作为指南。在第 8 页他们有这个例子。

如您所见，它看起来非常简单，并且它们有一条从数据到 x 轴的垂直线。我想要同样的东西，减去图表的重新平衡，加上一条到 y 轴的水平线。

这是我的代码。我通过简单的说法从我的反应文件中调用它<Mygraph data={datatable} />。我没有包括那部分，因为我再次测试了它是否有效。如果有人看到任何错误，请告诉我。

编辑：我稍微修改了代码以消除一些愚蠢的错误，但我仍然得到“无效规范”。

编辑编辑：在他们的网站上进行一些搜索后，我发现https://vega.github.io/vega-lite/docs/selection-nearest.html几乎完全符合我的需要（底部的示例）。不幸的是，我几乎完全复制了这个例子，但我仍然收到错误“invalid spec”。

这是我现在使用的代码：

这个问题显示了一种将多个时间序列添加到 vega-lite 图表的方法：

如何使用 Vega-Lite 在轴上绘制多个变量？

有没有办法将第二个系列放在辅助 Y 轴上？我说的是在右侧放置另一个 Y 轴，以便时间序列可以有不同的比例，但仍然可以进行比较。

下图展示了我所追求的图表类型：

这是一个示例图表，请告诉我如何将第二个时间序列移动到图表右侧的新 Y 轴：

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/3dbd3b83f2a67da8fe20ef444fd4958e

更新：

我已经部分解决了我的问题，但不是 100%。

通过在我的 vega-lite 图表中添加“轴”和“方向”字段，我已经能够将第二个系列移动到右侧，如您在此处看到的：

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/5aea58ee98c2eec9913b309836181a5b

我现在遇到的问题是，当我尝试用两个不同的时间序列创建一个这样的图表时，它们的值在完全不同的尺度上，我得到了一些没有用的东西。

您可以从此图表中看到图表的两侧使用相同的比例，这使得无法比较数据，因为第一个系列（比例较小）最终被完全压扁。

您可以从此处的屏幕截图中看到图表：

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/af1958d3f22bd876959ebcc97105dd14

所以现在的问题是我如何使这些轴独立，以便数据重叠并易于比较？

（并不是说比较这个例子中的数据是有意义的，但通常我需要能够做到这一点）。

我有一个标准化堆积面积图，其中一个变量与其他变量之间存在巨大差异，例如：

Altair/vega-lite/Vega 有什么方法可以制造损坏的 y-axys ......像这样的东西？

我想使用垂直或水平运算符在 Vega 中连接多个视图？我试图将一个规范放在“vconcat”数组中，但没有显示可视化。我要为多视图做什么。

我通过以下链接 https://vega.github.io/vega-lite/docs/concat.html

任何人帮助给出示例？谢谢