【发布时间】:2019-04-05 22:01:52
【问题描述】:
我正在 Vega-Lite 中绘制条形图(使用 Altair 生成)。使用 Vega-View API,我编写了一些代码,用户可以在其中选择条形,这会改变这些条形的颜色(以及在应用程序的其他地方做一些其他的事情;细节对于这个问题并不是很重要)。
我的问题是这个。使用5 的默认continuousBandSize,当缩小时,条形似乎水平“重叠”。
Here's a screenshot of this problem.
这个问题可以通过将continuousBandSize 设置为1 来解决,但问题是——当你放大图表时——条形变得非常细,用户难以选择。 (此外,由于我默认将条形着色为灰色,因此很难将它们与可视化背后的网格区分开来;如果可以的话,我更愿意保留网格。)Here's a screenshot of this problem.
是否可以让 Vega-Lite 中的条形标记在任何缩放级别上相邻? 或者这不可行?
对此问题的先前研究
Vega-Lite 的 GitHub 页面 here 上的一个问题提到了条形太细的问题,但该问题似乎解决了另一个问题(条形超出可视化)。
我研究过使用padding、paddingInner 和paddingOuter(如the Vega-Lite documentation 和this question 的答案中所述),但没有成功。在this answer 的一条(未答复的)评论中也提出了增加尺寸导致条形重叠的问题。
Vega-Lite 规范示例
Vega 编辑器here 中提供了显示我正在处理的绘图子集的示例规范(continuousBandSize 设置为 1 以显示“细条”问题)。长网址)。如上所述,如果将continuousBandSize 设置为1 时放大得太远,灰色条会变得非常细且难以看到。如果您将continuousBandSize 设置为2 或更高的值并缩小得太远,则这些条开始相互重叠(这可以通过蓝色条开始被右侧的灰色条稍微“覆盖”来证明) -- 这在这里不是很明显,因为这只是整个图的一个子集,但是当有大约 500 个条时问题会更加清晰)。
谢谢!
【问题讨论】: