Как отобразить Plot.ly Значки на панели управления в горизонтальном ряду

#css #plotly #plotly.js

#css #сюжетно #plotly.js

Вопрос:

Я добавил простую диаграмму plotly на свой сайт WordPress, и панель управления (т. Е. Панель инструментов значков) отображается в виде блока в верхней правой части диаграммы (ссылка здесь).

Как я могу вместо этого отобразить панель управления в виде горизонтальной строки, как показано на Plot.ly ссылка на документацию здесь?

Я уже пытался изменить различные настройки CSS для элементов .modebar , .modebar-container но не смог решить проблему.

Спасибо за любые идеи и предложения!

Ответ №1:

Я нашел решение: тема WordPress, которую я использую, в стиле «TwentyTwenty».css портит Plot.ly панель управления со следующей настройкой:

 svg, img, embed, object {
    display: block;
}
  

Исправление довольно простое, следующим образом:

 svg {
    display: inherit;
}