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

Question

我正在尝试创建一个函数，该函数将打开一个新窗口选项卡并显示一组值的图表。我能够做到这一点，但由于某种原因，新标签正在打开，但页面中没有显示任何数据。您能否建议我哪里出错了。

function drawVisualization() {
    var data = google.visualization.arrayToDataTable([
      ['Name', 'TimeTaken'],
      ['BookMark1',  10],
      ['BookMark2',  20],
      ['BookMark3',  10],
      ['BookMark4',  20],
      ['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);
}

Answer 1

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

    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);