Как отобразить всплывающую подсказку по умолчанию в html-файле диаграммы Альтаира, созданной Python Altair Chart.save (file.html)?

После сохранения диаграммы, созданной в Python Altair, в формате HTML, всплывающая подсказка по умолчанию недоступна в версии HTML.

Когда я запускаю этот код в Jupyter, я вижу всплывающую подсказку в выводе Jupyter. Но когда я открываю файл bar.html в браузере, при наведении курсора на диаграмму всплывающая подсказка не отображается.

import altair as alt
from vega_datasets import data

barley = data.barley()

chart = alt.Chart(barley).mark_bar().encode(
    x='variety:N',
    y='sum(yield):Q',
    color='site:N',
    order=alt.Order("site", sort = "ascending")
)
chart.save('bar.html')
chart

Я прочитал документацию Vega Lite во всплывающей подсказке. Я добавил тег скрипта для всплывающей подсказки, но мне все равно не удалось заставить его работать. Что я сделал не так? Есть ли более простой способ добавить всплывающую подсказку по умолчанию? Заранее спасибо.

<script src = "https://cdn.jsdelivr.net/npm/vega-tooltip"></script>

....

var embed_opt = {"mode": "vega-lite", tooltip: {theme: 'dark'}};
vegaEmbed("#vis", spec, embed_opt)
        .catch(error => showError(el, error));

Не могли бы вы показать полный пример кода Python, который вы запускали, описать то, что вы ожидали увидеть, и чем он отличался от того, что вы видели на самом деле?

jakevdp 19.09.2018 05:31

Извините, если мой вопрос был непонятен. Я взял пример (см. Код ниже) из руководства и сохранил диаграмму как HTML. В записной книжке Jupyter всплывающая подсказка появляется, но не в сохраненном мной HTML-файле. Есть ли способ сделать так, чтобы всплывающая подсказка по умолчанию также отображалась в HTML?

Vee H Phan 19.09.2018 07:24

импортировать altair как alt <br/> из vega_datasets импортировать данные <br/> barley = data.barley () <br/> chart = alt.Chart (barley) .mark_bar (). encode (<br/> x = 'разновидность : N ', <br/> y =' sum (yield): Q ', <br/> color =' site: N ', <br/> order = alt.Order ("site", sort = "ascending" ) <br/>) <br/> chart.save ('bar.html') <br/> диаграммы <br/>

Vee H Phan 19.09.2018 07:44

Извините, я не знаю, как вставить сюда код с правильной уценкой. Новичок здесь.

Vee H Phan 19.09.2018 07:45

Вы не можете вставлять отформатированные блоки кода в комментарии. Я бы предложил обновить вопрос.

jakevdp 19.09.2018 14:37

@jakevdp Спасибо. Я обновил вопрос.

Vee H Phan 19.09.2018 16:57

Когда я запускаю этот код, я не вижу всплывающих подсказок ни в версии записной книжки Jupyter, ни в сохраненной версии html. Если вы хотите управлять всплывающими подсказками внутри сюжета, вы можете использовать канал tooltip; см. пример altair-viz.github.io/gallery/scatter_tooltips.html.

jakevdp 19.09.2018 17:40

Спасибо @jakevdp. Извините, я имел в виду Jupyter Lab, а не записную книжку Jupyter. Я посмотрю на ссылку, которую вы дали. Спасибо.

Vee H Phan 20.09.2018 03:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
8
307
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Всплывающие подсказки по умолчанию поддерживаются только Vega-Lite версии 3. В настоящее время Altair поддерживает Vega-Lite версии 2.6.

Причина, по которой вы видели всплывающие подсказки по умолчанию в JupyterLab, заключается в том, что расширение jupyterlab vega по ошибке включило Vega-Lite 3 в свой последний выпуск. Эта ошибка исправляется здесь: https://github.com/jupyterlab/jupyterlab/pull/5342

Другие вопросы по теме