如何在使用Google Chart绘制的Hierachy数据上添加超链接

时间:2016-11-02 12:33:11

标签: c# ajax charts google-visualization

我已经创建了一个谷歌图表,我想在层次结构数据上添加href标签。通过点击特定的人,我想重定向到一个特定的用户。这是我的代码下面,Plz告诉我应该怎么做实现这一点。

<script type="text/javascript">
    google.load("visualization", "1", { packages: ["orgchart"] });
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        $.ajax({
            type: "POST",
            url: '<%=ResolveUrl("~/User/WebForm2.aspx/GetHierachy") %>',
            //url: "WebForm2.aspx/GetHierachy",
            data: "{'empno':'<%= empno%>'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                var data = new google.visualization.DataTable();
                debugger;
                data.addColumn('string', 'Entity');
                data.addColumn('string', 'ParentEntity');
                data.addColumn('string', 'ToolTip');
                for (var i = 0; i < r.d.length; i++) {
                    var empno = r.d[i].toString();
                    //var firstName = r.d[i];
                    //var lastName = r.d[i];
                    data.addRows([
          [{ v: '<%= empno %>'+'-'+'<%=Name%>', f: '<%= empno %>'+'-'+'<%=Name%>' },
           '',''],
          [{ v: empno, f: empno+'' },
           '<%= empno %>' +'-'+ '<%=Name%>','']
                    ]);
                    //var appraiser = r.d[i][3] != null ? r.d[i][3].toString() : '';
                    //data.addRows([[{
                    //    v: empno,
                    //    //f: employeeName + '<div>(<span>' + designation + '</span>)</div><img src = "Pictures/' + employeeId + '.jpg" />'
                    //    f: firstName + '<div>(<span>' + lastName + '</span>)</div>/>'
                    //}, firstName, lastName]]);
                }
                var chart = new google.visualization.OrgChart($("#chart")[0]);
                chart.draw(data, { allowHtml: true });
            },
            failure: function (r) {
                alert(r.d);
            },
            error: function (r) {
                alert(r.d);
            }
        });
    }
</script>
<div id="chart">
</div>

0 个答案:

没有答案