vega-lite：複数のマークを1つのチャートで表示

Question

私は現在、どのような種類のjsチャートエンジンを使用するべきかを評価しており、vega-liteは非常にシンプルでフレキシブルであると同時に目立っています。しかし、1つのチャートに複数のタイプのマークを付けることが可能かどうかは疑問です。例えば、私は長い月ごとの時系列を持つかもしれませんし、ラインレイヤでは、私は進行中の年の観測の進化を持っているかもしれませんが、私は毎月の平均でバーレイヤーを持つと考えるかもしれません。

vega-liteのウェブページに複数のマークがある例はありませんでした。したがって、そこにいる誰かがそれを行う方法を知っていたり、その種の例を知っていれば、私はフィードバックに感謝します。

乾杯

マウリシオ

Answer 1

あなたが互いの上に複数のポイントの種類を層に"layers"仕様を使用することができます。これは比較的新しいですので、多くの例ではベガ-Liteのウェブサイト上ではまだ存在していないが、ここでは例です：

{ 
    "data": { 
    "values": [ 
     {"x": 1,"y": 2}, 
     {"x": 2,"y": 4}, 
     {"x": 3,"y": 5}, 
     {"x": 4,"y": 3}, 
     {"x": 5,"y": 4} 
    ] 
    }, 
    "layers": [ 
    { 
     "encoding": { 
     "x": {"type": "quantitative","field": "x"}, 
     "y": {"type": "quantitative","field": "y"} 
     }, 
     "mark": "line", 
     "config": {"mark": {"color": "#1f77b4"}} 
    }, 
    { 
     "encoding": { 
     "x": {"type": "quantitative","field": "x"}, 
     "y": {"type": "quantitative","field": "y"} 
     }, 
     "mark": "point", 
     "config": {"mark": {"color": "#ff7f0e"}} 
    } 
    ] 
} 

各層は、グローバルデータを参照するエンコーディングです。各レイヤー内で異なるデータを指定することもできます。

上記の仕様は、Vega-Liteバージョン1.xでは正しいことに注意してください。 Vega-Liteバージョン2.xでは、"layers"が"layer"に変更されました。