Altair 显示重叠图像

Question

我想使用 altair 显示重叠图像。
这是一个演示代码。

import altair as alt
import pandas as pd
source = pd.DataFrame([{"x": [0,0,0], "y": [0,0,0], 
                        "img": ["https://vega.github.io/vega-datasets/data/gimp.png",
                               "https://vega.github.io/vega-datasets/data/7zip.png",
                               "https://vega.github.io/vega-datasets/data/ffox.png"]},])
chart=alt.Chart(source).mark_image(width=100,height=100,).encode(x='x',y='y',url='img')
chart

我看到的输出不是我所期望的：

我想知道这里有什么问题(?)。

Answer 1

您可能打算以这种方式构建数据框：

source = pd.DataFrame({"x": [0,0,0], "y": [0,0,0], 
                       "img": ["https://vega.github.io/vega-datasets/data/gimp.png",
                               "https://vega.github.io/vega-datasets/data/7zip.png",
                               "https://vega.github.io/vega-datasets/data/ffox.png"]})

即它应该有三行而不是一行。如果您这样做，图表就会工作，并且最后一张图片会按预期显示在其他图片之上。

Altair 显示重叠图像

Altair show overlapping images

vega-lite

altair