Javascript 谷歌图表使用https://www.gstatic.com/charts/loader.js

我有一个简单的代码，加载内容数组并绘制饼图

<script type=text/javascript src=https://www.gstatic.com/charts/loader.js></script> 
<script type=text/javascript> 
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ],false);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>

<div id="piechart" style="width: 900px; height: 500px;"></div>

---

在上面的代码中有没有直接加载txt文件的方法？文件也可能会不断更改。

您可以使用jquery获取文本文件并转换为数组。
您需要包括两个jquery文件，jquery本身和jquery csv，
以及谷歌图表库

请参阅以下代码段

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script> 
<script> 
  google.charts.load('current', {
    packages: ['corechart']
  }).then(function () {
    var options = {
      title: 'My Daily Activities',
      height: 500,
      width: 900
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    // get text file
    $.get('pie.txt', function(txt) {
      // convert csv to an array
      var arrayData = $.csv.toArrays(txt, {onParseValue: $.csv.hooks.castToScalar});

      var data = google.visualization.arrayToDataTable(arrayData);
      chart.draw(data, options);
    });
  });
</script>

<div id="piechart"></div>

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
变量选项={
标题：“我的日常活动”，
身高：500，
宽度：900
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
//获取文本文件
$.get（'pie.txt'，函数（txt）{
//将csv转换为数组
var arrayData=$.csv.toArrays（txt，{onParseValue:$.csv.hooks.castToScalar}）；
var data=google.visualization.arrayToDataTable（arrayData）；
图表绘制（数据、选项）；
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script> 
<script> 
  google.charts.load('current', {
    packages: ['corechart']
  }).then(function () {
    var options = {
      title: 'My Daily Activities',
      height: 500,
      width: 900
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    // get text file
    $.get('pie.txt', function(txt) {
      // convert csv to an array
      var arrayData = $.csv.toArrays(txt, {onParseValue: $.csv.hooks.castToScalar});

      var data = google.visualization.arrayToDataTable(arrayData);
      chart.draw(data, options);
    });
  });
</script>

<div id="piechart"></div>