如何使用javascript打开一个新标签并显示一些图表

问题描述

我正在尝试创建一个函数，该函数将打开一个新窗口选项卡并显示一组值的图表。我可以解决这个问题，但由于某种原因，新选项卡正在打开，但页面中没有显示任何数据。你能不能建议我哪里出错了。

function drawVisualization() {
    var data = google.visualization.arrayToDataTable([
      ['Name','TiMetaken'],['BookMark1',10],['BookMark2',20],['BookMark3',['BookMark4',['BookMark5',30],['BookMark6',26]
    ]);

    var options = {
      title : 'Time Taken to Apply Each Bookmark',vAxis: {title: 'Time_Seconds'},hAxis: {title: 'Bookmark_Name'},seriesType: 'bars',series: {5: {type: 'line'}}
    };
    var w=window.open("");
    var newNode = w.document.createElement('div');
    newNode.setAttribute("Id","chart_div");
    newNode.setAttribute("style","width: 2000px; height: 1000px;");
    
    var chart = new google.visualization.ComboChart(document.getElementById("chart_div"));
    chart.draw(data,options);
}

解决方法

您正试图从错误的文档中查找节点。此解决方案有效：

    var w=window.open("");
    w.document.body.innerHTML += '<div id="chart"></div>';

    chart = new google.visualization.ColumnChart(w.document.getElementById("chart"));
    chart.draw(dataTable,options);