Моя лучшая попытка сделать это: Прямая ссылка на Vega-редактор
Я создал 2 слоя с одинаковыми данными, удалил отступы для слоя 'bar' и добавил шаг интерполяция для слоя 'line', но я не могу найти способ, чтобы линия начиналась с вертикальной оси и заканчивалась справа от графика.
Спецификация c (извините, я удалил строки, потому что StackOverflow не хочет, чтобы я публиковал его, если соотношение текста / кода недостаточно):
{
"$schema": "https://vega.github.io/schema/vega-lite/v4.json",
"datasets": ...,
"width": 1130,
"height": 438,
"layer": [
{
"mark": {
"type": "bar",
"opacity": 0.7
},
"encoding": {
"x": {
"scale": {
"padding": 0
},
"field": "Continent",
"type": "nominal"
},
"y": {
"field": "Population",
"type": "quantitative"
}
},
"data": {
"name": "bar"
}
},
{
"mark": {
"type": "line",
"interpolate": "step",
"strokeWidth": 3
},
"encoding": {
"x": {
"axis": {},
"field": "Continent",
"type": "nominal"
},
"y": {
"axis": {},
"field": "Population",
"type": "quantitative"
}
},
"data": {
"name": "line"
}
}
]
}