2016-08-15 2 views
-2

私はGoogle Piechartを使用しています。ユーザーがクリックしている間、グラフのデータが表示されるはずです。私は、以下のコードを使用してみましたが、それは私にエラーgetValueプロパティを読み取ることができません。プロパティのgetValueを読み取ることができません - Google Piechart

私はselectedItem.row値を表示しようとしましたが、うまくいきますが、data.getValuesはグラフから任意の値を取得していません。

google.load('visualization', '1', {'packages':['corechart','table']}); 
google.charts.load('current', {'packages':['corechart']}); 
google.setOnLoadCallback(drawItems(num));  
var data; 
var chart; 

// Load the Visualization API and the piechart,table package. 
google.load('visualization', '1', {'packages':['corechart','table']}); 
google.charts.load('current', {'packages':['corechart']}); 
google.setOnLoadCallback(drawItems(num));  
var data; 
var chart; 

function drawItems(num) 
{ 
    var jsonPieChartData = $.ajax({ 
     url: "getpiechartdata.php", 
     data: "q="+num, 
     dataType:"json", 
     async: false, 
    }).responseText; 
    var piechartdata = new google.visualization.DataTable(jsonPieChartData); 
    var options = { 
     width: 700, 
     height: 200, 
     is3D: true, 
     chartArea: { left:"5%",top:"5%",width:"90%",height:"90%" } 
    }; 
    // Instantiate and draw our pie chart, passing in some options. 
    var chart = new  
    google.visualization.PieChart(document.getElementById('chart_div')); 
    function selectHandler() { 
     try 
     { 
      var selectedItem = chart.getSelection()[0]; 
      if (selectedItem) { 
       var topping = data.getValue(selectedItem.row, 0); 
       alert('The user selected ' + topping); 
      } 
     } 
     catch (err) 
     { 
      alert(err.message); 
     }} 
    chart.draw(piechartdata, options); 

    google.visualization.events.addListener(chart, 'select',   
              selectHandler); 
} 
+2

これはPHPまたはMySQLではありません。それはJavascriptです。 – Barmar

+0

あなたは変数 'data'に何も割り当てられませんでした。 'data.getValue()'が返すものは何でしょうか? – Barmar

+0

こんにちは、私はあなたと正しい軌道にいるかどうかは分かりません。 google chart https://developers.google.com/chart/interactive/docs/basic_interactivityのリンクをご覧ください。 – Sujith

答えて

0
getValue

google.visualization.DataTableオブジェクトのメソッドです。あなたは、変数piechartdata、ないdataにこれを割り当てられ、それは次のようになります。

var topping = piechartdata.getValue(selectedItem.row, 0); 

は、あなたがにリンクされているドキュメントページ上Hello Charts例を参照してください。

+0

あなたの即刻の返信に多くの感謝。 – Sujith

関連する問題