Блог

На диаграмме, созданной с помощью приведенного ниже кода, пользователь может навести курсор на сегмент линии, чтобы отобразить точку на диаграмме, и информация о точке отображается над диаграммой.

 import altair as alt
import numpy as np
import pandas as pd

df = pd.DataFrame({'x': np.linspace(0, 4, 1000)})
# df['y'] = np.sin(2 * np.pi * df['x'])
df['y'] = 1.9 * df['x']

select_point = alt.selection_single(fields=('x',), nearest=True, on='mouseover', empty='none')
line = alt.Chart(df).mark_line().encode(
    x='x:Q',
    y='y:Q',
)
points = line.mark_point(filled=True, size=100).encode(
    opacity=alt.condition(select_point, alt.value(1.0), alt.value(0.0)),
).add_selection(select_point)
texts = alt.Chart(df, width=600, height=400).mark_text(
    align='left', baseline='bottom', dx= 5, dy=-5, fontSize=12,
).encode(
    x=alt.value(0.0),
    y=alt.value(df['y'].max()),
    text='_label:N',
    opacity=alt.condition(select_point, alt.value(1.0), alt.value(0.0)),
).transform_calculate(
    _label='"x = "   format(datum.x, ".2f")   ", y = "   format(datum.y, ".2f")',
)
alt.layer(line, points, texts)
  

Существует код для построения как синусоидальной кривой, так и линии, хотя код для построения синусоидальной кривой закомментирован. Когда я запускаю скрипт для отображения синусоидальной кривой, я получаю следующее.

И когда я запускаю скрипт для отображения строки, я получаю следующее.

Я думаю, что текст метки на графике синусоидальной кривой в самый раз. Однако текст метки на графике линии находится слишком близко к верхней части диаграммы. Есть ли способ последовательно размещать смещение текста метки от верхней части остальной части диаграммы?

Шкалы Altair имеют как домен, так и диапазон. Домен относится к объему данных, а диапазон относится к объему визуального масштаба.

В случае кодировок x и y диапазон измеряется в пикселях слева от диаграммы (для x ) и сверху диаграммы (для y ). Установка кодировки value всегда относится к диапазону, а не к домену.

Поэтому, если вы хотите, чтобы текст отображался в определенном месте независимо от набора данных, не привязывайте положение текстового диапазона к значениям в наборе данных. Например, вы могли бы сделать:

 y=alt.value(-1)
  

и удалите dy параметр из ваших свойств метки. Это указывает на то, что вы хотите, чтобы базовая линия текста была на 1 пиксель выше верхней части оси y.