带有动态时间的Vega-lite图表可缩放时间轴直方图

时间:2019-10-17 12:51:07

标签: vega vega-lite

Vega-Lite是否支持使用动态timeUnit合并创建可缩放的时间轴直方图?

输入数据:事件数组,每个事件都有时间字段,跨越短时间或长时间范围,取决于数据

所需图表:具有静态箱数的直方图,在当前选定的时间范围内动态合并(缩小时为大timeUnit,放大时为小timeUnit)

另一个库的附加示例屏幕录像显示了缩放,此外,时间轴应作为另一个图表的选择。请注意,合并时间单位会随着当前缩放而改变。

video

1 个答案:

答案 0 :(得分:0)

查看以下示例:https://codepen.io/epicyclist/pen/ZEWMzxb

它缺少timeUnit的完美分档(我不知道这是否很困难),但是我将尝试通过vega-embed的补丁功能来实现。

两个关键组成部分是:

  selection: {
    brush: {
      type: 'interval',
      encodings: ['x'],
      bind: 'scales',
    },
  },

并且:

  bin: {
    maxbins: 40,
    extent: {
      selection: 'brush',
    },
  },

我不确定如何获得更好的轴格式;如果未指定format,则仅将轴格式化为时间。

Vega-Lite确实支持custom formatting,并且an error在今天的文档中已得到修复;但是,如here所示,我仍然遇到问题。如果无法解决问题,我将提交一个问题,如果找到解决方案,则会通知您。