jsapi不在visual studio 2015工作

Question

<script src="../BootStrapFiles/jsapi" type="text/javascript"></script>     
<script type="text/javascript">
    google.load('visualization', '1', { packages: ['corechart'] });
    // google.load('visualization', '1.1', { 'packages': ['bar'] });
</script>  
<script type="text/javascript">
    $(function () {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            contentType: 'application/json',
            url: 'Default.aspx/GetChartData',
            data: '{}',
            success:
            function (response) {
                drawchart(response.d);
            },

            error: function () {
                alert("Error loading data!");
            }
        });
    })
    function drawchart(dataValues) {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Total amount');
        //   data.addColumn('string', 'Total amount2');

        for (var i = 0; i < dataValues.length; i++) {
            // data.addRows([dataValues[i].Year, dataValues[i].Total], dataValues[i].Year);
            data.addRow([dataValues[i].Year, dataValues[i].Total]);
        }

        //   new google.visualization.PieChart
        //  new google.visualization.BarChart(  //LineChart  //ColumnChart  //ComboChart
        new google.visualization.PieChart(document.getElementById('myChartDivPie')).
        draw(data, { title: "Sales Pie chart last 8 days " });

        new google.visualization.ColumnChart(document.getElementById('myChartDiv')).
        draw(data, { title: "Sales Column chart last 8 days " });

    }  
</script> 

这是我的代码，当我在visual 2010上运行时，它运行得非常完美。但是，当试图在VisualStudio2015图表上运行时，没有出现.Can，请帮助我在它中做错了什么，.Is，是版本问题还是其他问题？我的代码是在VisualStudio2010中开发的，.every是完美的，但是图表是看不见的。

Answer 1

first：有一个与load语句关联的callback

您不应该尝试使用google.visualization命名空间，直到callback启动之后.

看下面的片段..。

<script src="../BootStrapFiles/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load('visualization', '1', {
      // set callback
      callback: getData,
      packages: ['corechart']
    });
</script>
<script type="text/javascript">
    // load google first
    function getData() {
      $.ajax({
          type: 'POST',
          dataType: 'json',
          contentType: 'application/json',
          url: 'Default.aspx/GetChartData',
          data: '{}',
          success:
          function (response) {
              drawchart(response.d);
          },

          error: function () {
              alert("Error loading data!");
          }
      });
    }
    function drawchart(dataValues) {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Year');
        data.addColumn('number', 'Total amount');
        //   data.addColumn('string', 'Total amount2');

        for (var i = 0; i < dataValues.length; i++) {
            // data.addRows([dataValues[i].Year, dataValues[i].Total], dataValues[i].Year);
            data.addRow([dataValues[i].Year, dataValues[i].Total]);
        }

        //   new google.visualization.PieChart
        //  new google.visualization.BarChart(  //LineChart  //ColumnChart  //ComboChart
        new google.visualization.PieChart(document.getElementById('myChartDivPie')).
        draw(data, { title: "Sales Pie chart last 8 days " });

        new google.visualization.ColumnChart(document.getElementById('myChartDiv')).
        draw(data, { title: "Sales Column chart last 8 days " });

    }
</script>

next：推荐使用loader.js而不是jsapi

根据发布说明..。

通过jsapi加载器仍然可用的Google版本不再持续更新。请从现在开始使用新的gstaticloader。

该库似乎已下载到本地文件夹。

新的图书馆可以在这里找到..。

<script src="https://www.gstatic.com/charts/loader.js"></script>

这只会改变load语句..。

    google.charts.load('current', {
      // set callback
      callback: getData,
      packages: ['bar']
    });