javascript - 如何使用垂直或水平运算符在 Vega 中连接多个 View ?

标签 javascript vega vega-lite

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

我浏览了以下链接 https://vega.github.io/vega-lite/docs/concat.html

谁能帮忙举个例子吗? 谢谢

最佳答案

https://vega.github.io/editor/#/examples/vega-lite/overview_detail使用连接。

enter image description here

{
"$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"data": {"url": "data/sp500.csv"},
"vconcat": [{
    "width": 480,
    "mark": "area",
    "encoding": {
    "x": {
        "field": "date",
        "type": "temporal",
        "scale": {"domain": {"selection": "brush"}},
        "axis": {"title": "", "labelAngle": 0}
    },
    "y": {"field": "price","type": "quantitative"}
    }
}, {
    "width": 480,
    "height": 60,
    "mark": "area",
    "selection": {
    "brush": {"type": "interval", "encodings": ["x"]}
    },
    "encoding": {
    "x": {
        "field": "date",
        "type": "temporal",
        "axis": {"format": "%Y", "labelAngle": 0}
    },
    "y": {
        "field": "price",
        "type": "quantitative",
        "axis": {"tickCount": 3, "grid": false}
    }
    }
}]
}

关于javascript - 如何使用垂直或水平运算符在 Vega 中连接多个 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45647236/

相关文章:

python - 交互式 plotly 的 plotly 表达与Altair/Vega-Lite的 plotly 比较

altair - 在 Altair-viz 中对串联图像进行分面

javascript - Utilities.formatDate 使用 Array.map 返回错误的日期

javascript - Ruby on Rails - 存储和访问大型数据集

javascript - 用于循环异步等待的 Firebase 函数

javascript - 简单的谷歌地图不适用于外部 css 和 javascript 文件

python - 使用 Altair/vega-lite/vega-embed 控制 Canvas 大小

python - 是否可以创建 Altair 绑定(bind)到数据列表元素而不是选择?

powerbi - 如何垂直对齐符号,以便它们与 y 轴标签对齐?

geojson - 如何使用 vega 读取 geojson