バー間のベガライトバーチャートスペース

Question

D3初心者。 vega-lite棒グラフで棒の間隔を調整し、デフォルトを上書きする方法は？ binSpacing私はヒストグラムでのみ動作すると思う。以下のコードを参照してください。 テキストとフォントファミリの色も調整したいと思っていますが、ドキュメントでそれを見つけるのが難しいです。

{ 
    "$schema": "https://vega.github.io/schema/vega-lite/v2.json", 
    "width": 1200, 
    "height": 900, 
    "data": { 
    "url": "data/seattle-weather.csv" 
    }, 
    "mark": "bar", 
    "encoding": { 

    "x": { 
     "aggregate": "count", 
     "type": "quantitative" 
    }, 

    "size": { 
     "value": 40 



    }, 
    "y": { 
     "field": "date", 
     "type": "temporal", 
     "timeUnit": "month", 
     "axis": { 
     "title": "Regions" 
     } 
    }, 

    "color": { 
     "field": "weather", 
     "type": "nominal", 
     "scale": { 
     "domain": [ 
      "0-20 days", 
      "21-27 days", 
      ">28 days" 
     ], 
     "range": [ 
      "red", 
      "orange", 
      "green" 
     ] 
     }, 
     "legend": { 
     "title": "Case Ageing" 
     } 
    } 
    } 
} 

Answer 1

私はあなたの混乱を理解することができます。

1. ヒストグラムのビン幅を変更するにはどうすればよいですか？これはhereと記載されています。再現可能な例に問題がある場合は、お手伝いします。
2. バーの間隔を調整するにはどうすればよいですか？padding,paddingInnerおよびpaddingOuterはすべてencoding levelとconfig levelに記載されています。 "size": {"value": 40}で手動でサイズを設定しているので問題が発生している可能性がありますが、これは実験の残骸だと思います。ここには、このgistの作業仕様があります。 paddingOuter、paddingInner、またはpaddingを追加すると、内側と外側の両方に適用できます。
3. フォントスタイルを変更するにはどうすればよいですか？これを参照してくださいgist。