Tableau Embed из Tableau Public не изменяет размеры в iFrame автоматически - PullRequest
1 голос
/ 08 апреля 2019

Я работаю с организацией над созданием веб-сайта, который будет отображать вставки таблиц из Tableau Public, но у меня возникла проблема с отображением этой таблицы.Я попытался использовать некоторые ресурсы, доступные на веб-сайте Tableau, например, убедиться, что панель инструментов настроена на автоматическое изменение размера и т. Д. *

Этот веб-сайт является веб-сайтом WordPress и пишется так всякий раз, когдаОбнаружен код для встраивания tableau из Tableau Public, который автоматически помещает его в iFrame.Из Tableau Public я использую самый длинный из двух доступных кодов для встраивания.

Я убедился, что приборная панель к таблице настроена на «автоматическое» изменение размеров, поэтому она должна автоматически подстраиваться под экран.Похоже, это не сработало, а вставка в таблицу слишком велика.

Одна из вещей, которую я нашел в руководстве по ресурсам для tableau, заключается в том, что если ваш сайт начинается с! Doctype html, то используйте следующий код в коде:

<style> html, body{height:100%} </style>

Должен ли я разместить этов код для вставки или это не имеет значения, поскольку он помещается в iFrame?Если я должен его использовать, куда в коде он должен идти?

Код iFrame на веб-сайте, на котором размещена таблица:



.tableauPlaceholder{

height:auto !important;

padding-bottom:60%;

overflow:hidden;

}



.tableauPlaceholder iframe{

height: 100% !important;

width: 100%;

position:absolute;

}

Идея заключается в том, что всякий раз, когда я илидругой пользователь встраивает код Tableau, приведенный выше код автоматически обнаруживает встраивание и помещает его в этот iFrame.

следует ли что-то изменить с вышеуказанным кодом?

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

Спасибо за вашу помощь, я был бы более чем рад уточнить что-либо выше / предоставить дополнительную информацию.

Спасибо.

...