Как встроить локальный отчет Tableau в HTML

Question

Я пытаюсь использовать javascript + html, чтобы встроить один отчет Tableau в веб-страницу и создать несколько кнопок / панелей для взаимодействия с ним.

Тем не менее, я застрял на первом этапе: отображение отчета.

Я узнал первый пример здесь: http://onlinehelp.tableau.com/samples/en-us/js_api/tutorial.htm,

Пример работает хорошо. Я вижу отчет Tableau, отображаемый на веб-странице, и все кнопки / элементы управления работают нормально.

Поэтому я сделал небольшое изменение в функции JavaScript initializeViz(), чтобы отобразить мой отчет так же, как показано ниже:

function initializeViz() {              
            var placeholderDiv = document.getElementById("tableauViz");
            var url = "file://localhost/C:/reports/Resilience.twb";
            var options = {
                width: placeholderDiv.offsetWidth,
                height: placeholderDiv.offsetHeight * 20,
                hideTabs: true,
                hideToolbar: true,
                onFirstInteractive: function () {
                    workbook = viz.getWorkbook();
                    activeSheet = workbook.getActiveSheet();
                }
            };

            viz = new tableau.Viz(placeholderDiv, url, options);
        }

Вышеуказанная функция перестает отображать что-либо. Я проверил локальную ссылку на файл file://localhost/C:/reports/Resilience.twb в моем браузере, и это работает.

Так что я действительно сбит с толку, так как я сделал только минимальное изменение, и URL-ссылка на локальный файл работает, тогда что может вызвать проблему? Пожалуйста, помогите мне, любая идея приветствуется.

Answer 1

Вы уверены, что ваше представление пути правильно? Вы говорите, что C:/reports/Resilience.twb существует, но пути типа localhost обычно имеют форму файла:///localhost:port/path/, а C: мне кажется странным присутствовать там. Попробуйте использовать "Пуск" из меню "Пуск" (в Windows), введите "\localhost\" и перейдите оттуда, чтобы найти полный путь.

РЕДАКТИРОВАТЬ: Насколько я вижу, вы не можете отобразить файл панели управления рабочего стола на веб-странице. Вы должны опубликовать его на сервере таблиц. Таким образом, ваш URL должен указывать на представление, а не файл. Я сделал локальную копию учебной страницы и изменил параметры var (height), как вы сделали выше, и протестировал его с помощью учебника и другого, к которому у меня есть доступ, и он работает в обоих случаях.

Проверьте этот документ: http://onlinehelp.tableau.com/current/online/en-us/embed.htm