单击图表框时获取 ID

Question

我正在使用 Google Visualization API Org Chart 来生成层次结构。生成图表后，我想从被点击的框中获取 ID。

我将 ID 和名称作为字符串传递以生成图表。我想在单击任何框时选择 Id 并将其存储在会话变量中。

Answer 1

这是一个如何从组织结构图中的节点获取 html 的示例。

        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Question/Answer');
        data.addColumn('string', 'Prev_Question');
        data.addColumn('string', 'Count');
        data.addRows(tree_data);
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
        chart.draw(data, {
            allowHtml:true,
            allowCollapse:true
        });

        var selectHandler = function(e) {
            // get the selected node.
            var nodes = chart.getSelection();
            // get the node row id.
            var node_row = nodes[0].row;
            // get the node data.
            var node = data.xf[node_row].c;
            // select just the text from the node.
            var node_text = node[0].f;
            // out put the text.
            console.log(node_text);
        }

        // add event listening.
        google.visualization.events.addListener(chart, 'select', selectHandler);

node_text，是你应该拥有的节点 html。