А если без стороннего сайта, то как разместить PlotLy с надписями и подписями на сайт?

Вчера я написал пост

Как интегрировать интерактивный график PlotLy на сайт

А сидел я сейчас “просто дышал” перед сном и посетила меня шальная мысль.

А что, если из блока DIV, который генерирует PlotLy с подписями на русском языке, просто убрать лишние \ и сразу вставить на сайт?
Без транскодирования на стороннем сервисе?

Гениально!

И вот результат:

Шаги по встраиванию интерактивного графика PlotLy на сайт:

  • В Юпитер.Ноутбук построить график (например, с именем fig)
  • В следующей ячейке Ноутбука ввести команду
    • plotly.offline.plot(fig, include_plotlyjs=False, output_type=’div’)
  • Ноутбук выведет окно с кучей текста – блок DIV
  • Скопировать весь этот текст за исключением первого символа – прямой кавычки () и последнего символа – прямой кавычки ()
  • Вставить этот текст в самый простой текстовый редактор – Блокнот Windows
  • Сделать замену по всему тексту двойного слэша \\ на одинарный слэш \
  • Скопировать весь получившийся текст
  • Вставить этот текст на сайте в блок “Произвольный HTML”
  • Если этот первый график PlotLy, который размещается на странице сайта, то:
    • Перед всем текстом в блоке вставить строку: <script src=”https://cdn.plot.ly/plotly-latest.min.js”></script>
Статья понравилась?

А если без стороннего сайта, то как разместить PlotLy с надписями и подписями на сайт?: 2 комментария

  1. Что-то странное происходит…
    В режиме редактирования сайт есть, а в режиме просмотра сайта я его не вижу…

     
  2. Ещё и на Главной тоже график показывает в анонсе статьи…

     

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *