Vega-lite Balkendiagramm Raum zwischen den Bars

Question

D3 Neuling. Wie verändere ich den Abstand zwischen Balken im Vega-lite Balkendiagramm und überschreibe den Standard? binSpacing denke ich funktioniert nur auf Histogrammen. Siehe Code unten. Ich werde auch die Farbe von Text und Schriftfamilie anpassen wollen ... Aber ich habe Probleme, es in der Dokumentation zu finden.

{ 
    "$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

Ich kann Ihre Verwirrung verstehen. Es scheint drei Fragen zu geben:

1. Wie ändere ich die Bin-Breite für Histogramme? Dies ist dokumentiert here. Wenn Sie Probleme mit einem reproduzierbaren Beispiel haben, stehe ich Ihnen gerne zur Verfügung.
2. Wie justiere ich den Abstand der Stäbe? Dies wird durch padding, paddingInner und paddingOuter gesteuert, die alle bei encoding level und bei config level dokumentiert sind. Möglicherweise haben Sie Probleme, da Sie die Größe manuell mit "size": {"value": 40} einstellen, aber ich vermute, das ist ein Rest vom Experimentieren. Hier ist eine Arbeitsspezifikation von dieser gist. Sie können mit paddingOuter, paddingInner spielen oder padding hinzufügen, um sowohl auf die innere als auch auf die äußere Seite anzuwenden.
3. Wie ändere ich die Schriftart? Siehe hierzu gist.