画面 Javascript API

Question

你能解释一下下面的函数吗:

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

function listenToMarksSelection() {
 viz.addEventListener(tableau.TableauEventName.MARKS_SELECTION, onMarksSelection);
}

function onMarksSelection(marksEvent) { return marksEvent.getMarksAsync().then(reportSelectedMarks); }

function reportSelectedMarks(marks) {

var html = "";

        for (var markIndex = 0; markIndex < marks.length; markIndex++) {
            var pairs = marks[markIndex].getPairs();
            html += "<b>Mark " + markIndex + ":</b><ul>";

            for (var pairIndex = 0; pairIndex < pairs.length; pairIndex++) {
                var pair = pairs[pairIndex];
                html += "<li><b>Field Name:</b> " + pair.fieldName;
                html += "<br/><b>Value:</b> " + pair.formattedValue + "</li>";
            }


        }


    }

Answer 1

这个函数只是监听选中的标记
这个在reportSelectedMarks中抛出选择
它将标记写入“<'li'>”中的 HTML 文件中。字段名可能是一个字符串，其值取决于您使用的是什么。

所以基本上这些函数对于在图表或类似的东西上动态打印选定标记并打印文件名和该文件的值很有用。

画面 Javascript API

Tableau Javascript API

javascript

class

tableau-api