Question

我正在使用Google Visualization API组织结构图来生成层次结构。生成图表时，我想从单击框中获取ID。

我将ID和Name作为字符串传递以生成图表。我想在单击任何框时选择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。

单击图表框时获取ID

1 个答案: