jsapiがビジュアルスタジオで動作しない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 Studio 2010で実行すると完璧に動作します。しかし、ビジュアルスタジオ2015で実行しようとすると、チャートが表示されません。あなたが私が間違ってやっていることを教えてください。バージョンの問題なのでしょうか？私のコードはVisual Studio 2010で開発されました。すべてのものが完璧に動作していますが、グラフは表示されません。

Answer 1

最初：あなたはcallback後に解雇されるまで、google.visualization名前空間を使用しようとするべきではありませんload声明

に関連付けられている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> 

---

次：...むしろrelease notesに応じjsapi

よりも、

jsapiローダーは、もはや一貫して更新されているを介して利用残っていないGoogleのチャートのバージョンをloader.jsを使用することをお勧めします。今後は、新しいアトリエloaderを使用してください。

ライブラリは、これが唯一のload文を変更します

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

...新しいライブラリがここで見つけることができ

ローカルフォルダにダウンロードされています表示されます...

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