Удалить границу вокруг geoshape vegaEmbed, созданного altair?

На изображении ниже обратите внимание на границу вокруг карты, созданной из Chart.save() на холст HTML или JSON (граница находится внутри холста, а не в стиле CSS).

введите здесь описание изображения

Для любого другого типа метки можно было бы ожидать, что можно будет использовать Chart.configure_view() для установки strokeWidth=0 для удаления границы, но это, похоже, не влияет на эту диаграмму геоформ.

Кажется, что параметры внедрения vegaEmbed не документируют, что создает эту границу.

Можно ли стилизовать или удалить границу?


person Josh Klein    schedule 17.06.2019    source источник


Ответы (1)


Чтобы удалить границу, используйте configure_view(strokeWidth=0).

Вот пример, использующий самую последнюю версию Altair и самую последнюю версию Vega-Lite:

import altair as alt
from vega_datasets import data

counties = alt.topo_feature(data.us_10m.url, 'counties')
source = data.unemployment.url

alt.Chart(counties).mark_geoshape().encode(
    color='rate:Q'
).transform_lookup(
    lookup='id',
    from_=alt.LookupData(source, 'id', ['rate'])
).project(
    type='albersUsa'
).configure_view(
    strokeWidth=0
)

введите здесь описание изображения

Если вы видите другие результаты, возможно, ваш интерфейсный рендерер устарел, и вам следует убедиться, что вы используете самую последнюю версию Vega-Lite для рендеринга диаграммы.

person jakevdp    schedule 18.06.2019
comment
Спасибо, вы были правы; обновление всего и использование configure_view(strokeWidth=0) действительно удалили границу. Я не уверен в правильности процедуры, но оставлю свой вопрос для других, которые могут столкнуться с собственными пользовательскими ошибками (хотя, возможно, вопрос следует отредактировать?) - person Josh Klein; 18.06.2019