Н/Д и ползунок в Choropleth Maps Vega LiteCSS

Разбираемся в CSS
Ответить
Гость
 Н/Д и ползунок в Choropleth Maps Vega Lite

Сообщение Гость »


Обновленный вопрос: ползунок в картограмме Vega Lite не связан с данными

Я пытаюсь исправить две вещи на своих картах:
[*]Я хотел бы создать слайдер года на своей карте. [*]Однако у меня нет данных по всем моим странам. И мне бы не хотелось, чтобы на моих картах были дыры, как будто стран не существует. Таким образом, я хочу, чтобы цвет стран, по которым нет данных, был разным. или, вероятно, сделал это в виде линий. Пример:
Изображение

Буду очень признателен за помощь. Я так озадачен тем, что vega lite никогда не показывает, где наша ошибка, поэтому я как новичок в затруднении.

Ниже мой код:
{ "$schema": "https://vega.github.io/schema/vega-lite/v5.json", «ширина»: 1050, «высота»: 500, "данные": { "url":"https://raw.githubusercontent.com/Clair ... ng-run.csv", }, "проекция": {"type": "equalEarth"}, "слой": [ { "трансформировать": [ { "calculate": "'Нет данных в ' + datum.properties.NAME", "как": "no_data" } ], "mark": {"type": "geoshape", "fill": "lightgray", "stroke": "white", "strokeWidth": 0,002}, "encoding": {"tooltip": {"field": "no_data"}} }, { "данные": { "url": "https://raw.githubusercontent.com/Clair ... ocean.json", "format": {"type": "topojson", "feature": "oceans"} }, "mark": {"type": "geoshape", "fill": "#f2f2f2"} }, { "данные": { "url": "https://raw.githubusercontent.com/Clair ... es_30.json", "format": {"type": "topojson", "feature": "ne_110m_graticules_30"} }, "mark": {"type": "geoshape", "fill": null, "stroke": "lightgray"} }, { "трансформировать": [ { "lookup": "properties.NAME", "от": { "данные": { "url": "https://raw.githubusercontent.com/Clair ... tries.json", "format": {"type": "topojson", "feature": "ne_110m_admin_0_countries"} }, "key": "properties.NAME" }, {"filter": "datum.year ==year_selection"} } ], "mark": {"type": "geoshape", "stroke": "white"}, "параметры": [{ "name": "year_selection", «стоимость»: 2020, "связывать": { "вход": "диапазон", "мин": 1880, «макс»: 2040, "шаг 1, "name": "Выбор года: "} }], "кодировка": { "цвет": { "поле": "Годы", «тип»: «количественный», "шкала": { "тип": "порог", «домен»: [0, 2, 4, 6, 8, 10, 12], "range": ["#fff5f0", "#fee5d9", "#fcbba1", "#fc9272", "#fb6a4a", "#ef3b2c", "#cb181d", "#99000d"] } }, "подсказка": [ {"поле": "properties.NAME", "тип": "номинальное", "название": "Страна"}, { "поле": "Годы", «тип»: «количественный», "title": "Среднее количество лет обучения", "формат": ",.0f" } ] } } ] }
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»