Javascript 谷歌图表在运行应用程序时只能显示一次_Javascript_Html_Google Visualization

Javascript 谷歌图表在运行应用程序时只能显示一次

javascript html google-visualization

Javascript 谷歌图表在运行应用程序时只能显示一次,javascript,html,google-visualization,Javascript,Html,Google Visualization,当我运行应用程序时，我的谷歌图表只能加载一次。当我导航到其他页面并返回到包含google图表的页面时，该图表将不会显示。我必须刷新或再次运行应用程序才能显示图表 <section> <html> <div class="container"></div> <div id="columnchart_values" style="width: 1200px; height: 700px;"></div> <scrip

当我运行应用程序时，我的谷歌图表只能加载一次。当我导航到其他页面并返回到包含google图表的页面时，该图表将不会显示。我必须刷新或再次运行应用程序才能显示图表

<section>
<html>
<div class="container"></div>

<div id="columnchart_values" style="width: 1200px; height: 700px;"></div>
  <script type="text/javascript">
    google.charts.load("current", {packages:["corechart"]});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ["Week", "# of F2F=0"],
        ["WK1", 9],
        ["WK2", 5],
        ["WK3", 6],
        ["WK4", 0],
        ["WK5", 0],
        ["WK6", 0],
        ["WK7", 0],
        ["WK8", 0],
        ["WK9", 0],
        ["WK10", 0],
        ["WK11", 0],
        ["WK12", 0]
      ]);

      var view = new google.visualization.DataView(data);
      var options = {
        title: "Dashboard",
        titleTextStyle: {
            fontSize: 21
          },
        'backgroundColor': 'transparent', 
        width: 1600,
        height: 650,
        bar: {groupWidth: "70%"},
        legend: { position: "top" },
      };
      var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
      chart.draw(view, options);
     }
  </script>

<div id="piechart_3d" style="width: 1200px; height: 700px;"></div>
    <script type="text/javascript">
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Calls', 'People'],
          ['F2F = 0', 6],
          ['1 < F2F < 5', 8],
          ['F2F > 9', 5]
        ]);

        var options = {
          title: 'Period: 2QWK3',
          titleTextStyle: {
            fontSize: 21
          },
          'backgroundColor': 'transparent',   
          is3D: true,
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
        chart.draw(data, options);
      }
    </script>
</html>
</section>


load（“当前”{packages:[“corechart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“一周”，F2F=0”]，
[“WK1”，9]，
[“WK2”，5]，
[“WK3”，6]，
[“WK4”，0]，
[“WK5”，0]，
[“WK6”，0]，
[“WK7”，0]，
[“WK8”，0]，
[“WK9”，0]，
[“WK10”，0]，
[“WK11”，0]，
[“WK12”，0]
]);
var view=newgoogle.visualization.DataView（数据）；
变量选项={
标题：“仪表板”，
titleTextStyle：{
尺寸：21
},
“背景颜色”：“透明”，
宽度：1600，
身高：650，
条：{groupWidth:“70%”，
图例：{位置：“顶部”}，
};
var chart=new google.visualization.ColumnChart（document.getElementById（“ColumnChart_values”）；
图表绘制（视图、选项）；
}
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘电话’、‘人’]，
[F2F=0'，6]，
[19'，5]
]);
变量选项={
标题：“期间：第二季度第三季度”，
titleTextStyle：{
尺寸：21
},
“背景颜色”：“透明”，
is3D：是的，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart_3d'）；
图表绘制（数据、选项）；
}

在

窗口上调用所需的脚本。onload
并在窗口上调用空函数。onunload



window.onload=函数（）{
google.charts.load（“当前”{
软件包：[“corechart”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“一周”，F2F=0”]，
[“WK1”，9]，
[“WK2”，5]，
[“WK3”，6]，
[“WK4”，0]，
[“WK5”，0]，
[“WK6”，0]，
[“WK7”，0]，
[“WK8”，0]，
[“WK9”，0]，
[“WK10”，0]，
[“WK11”，0]，
[“WK12”，0]
]);
var view=newgoogle.visualization.DataView（数据）；
变量选项={
标题：“仪表板”，
titleTextStyle：{
尺寸：21
},
“背景颜色”：“透明”，
宽度：1600，
身高：650，
酒吧：{
组宽度：“70%”
},
图例：{
位置：“顶部”
},
};
var chart=new google.visualization.ColumnChart（document.getElementById（“ColumnChart_values”）；
图表绘制（视图、选项）；
}
};
window.onunload=函数（）{}；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘电话’、‘人’]，
[F2F=0'，6]，
[19'，5]
]);
变量选项={
标题：“期间：第二季度第三季度”，
titleTextStyle：{
尺寸：21
},
“背景颜色”：“透明”，
is3D：是的，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart_3d'）；
图表绘制（数据、选项）；
}
在窗口上调用所需的脚本。onload
并在窗口上调用空函数。onunload



window.onload=函数（）{
google.charts.load（“当前”{
软件包：[“corechart”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“一周”，F2F=0”]，
[“WK1”，9]，
[“WK2”，5]，
[“WK3”，6]，
[“WK4”，0]，
[“WK5”，0]，
[“WK6”，0]，
[“WK7”，0]，
[“WK8”，0]，
[“WK9”，0]，
[“WK10”，0]，
[“WK11”，0]，
[“WK12”，0]
]);
var view=newgoogle.visualization.DataView（数据）；
变量选项={
标题：“仪表板”，
titleTextStyle：{
尺寸：21
},
“背景颜色”：“透明”，
宽度：1600，
身高：650，
酒吧：{
组宽度：“70%”
},
图例：{
位置：“顶部”
},
};
var chart=new google.visualization.ColumnChart（document.getElementById（“ColumnChart_values”）；
图表绘制（视图、选项）；
}
};
window.onunload=函数（）{}；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘电话’、‘人’]，
[F2F=0'，6]，
[19'，5]
]);
变量选项={
标题：“期间：第二季度第三季度”，
titleTextStyle：{
尺寸：21
},
“背景颜色”：“透明”，
is3D：是的，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart_3d'）；
图表绘制（数据、选项）；
}
在窗口上调用您的脚本。onload
在窗口上调用您的脚本。onload