Google饼图问题 [英] Google pie chart-onclick issue

问题描述

  var totrefuelList = [{veId：220，trName： 总线04，totamt：2，toqt：10.0}，{veId：384，trName：KL 20 B 3966，totamt：0，toqt veId：385，trName：KL 20 7511，totamt：0，toqt：0.0}，{veId：386，trName：KL 20 D 7426 ：0，toqt：0.0}，{veId：387，trName：KL 20 C 3985，totamt：0，toqt：190.0}，{veId：388， ：KL 01 AM 8356，totamt：0，toqt：90.0}，{veId：389，trName：KL 01 C 8247，totamt：0，toqt： ，tr：KL，tr：KL 01 X 4435，totamt：0，toqt：678.0}，{veId：391，trName totamt：768，toqt：0.0}，{veId：392，trName：KL20B7544，totamt：0，toqt：67.0}，{veId 段trname： KL， totamt：0 toqt：0.0}，{ VEID：394， 段trname： KL， totamt：0 toqt：460.0}，{ VEID：395， 段trname： KL， totamt：0 toqt：56.0}，{ VEID：396， 段trname： KL， totamt：0，toqt ：78.0}，{ VEID ：397， 段trname ： KL  totamt：0 toqt：890.0}，{ VEID：399， 段trname： KL， totamt ：70， toqt ：88.0}，{ VEID ：400， trName：KL 20 B 5478，totamt：0，toqt：768.0}，{veId：401，trName：KL 01 D 6795，totamt：0，toqt ：760.0} {veId：402，trName：KL，totamt：0，toqt：0.0}，{veId：403，trName：KL 20 B 3968 totamt：0 toqt：776.0}，{ VEID：398， 段trname： KL， totamt：1， toqt：329.72972972972974}]; 
函数drawchartfromRefuel（）
 {
 alert（RefuelLength+ totrefuelList.length）; 
 alert（veId：+ totrefuelList [0] .veId）; 
 var data = new google.visualization.DataTable（）; 
 data.addColumn（'string'，'Task'）; 
 data.addColumn（'number'，''）; 
 data.addRows（totrefuelList.length）; （var i = 0; i< totrefuelList.length; i ++）
 {
 data.setValue（i，0，totrefuelList [i] .trName）的
; 
 data.setValue（i，1，totrefuelList [i] .toqt）; 
 
 
 var options = {
 title：'Refuel Trend'，
 height：'500'，
 width：'400'，
 backgroundColor：{fill：'transparent'} 
}; 
 
 var chart = new google.visualization.PieChart（document.getElementById（'chart_div'））; 
 google.visualization.events.addListener（图表，'select'，selectHandler）; 
 chart.draw（data，options）; 
 
 
 
 function selectHandler（e）{
 var selection = chart1.getSelection（）; 
 var item = selection [0]; 
 alert（item.row）
 
} 
  

点击在饼图中的一个项目，我想得到相应的行号。我可以做到这一点。我试过了，但onclick它frezzez ..如何纠正它？

解决方案

试试这个：

  google.visualization.events.addListener（chart，'选择'，函数（e）{
 var selection = chart.getSelection（）; 
 console.log（selected row：，selection [0] .row，data.getRow（selection [0] .row））; 
}）; 
  

I am creating google pie chart like this

        var totrefuelList=[{"veId":220,"trName":"Bus 04","totamt":2,"toqt":10.0},{"veId":384,"trName":"KL 20 B 3966","totamt":0,"toqt":430.00},{"veId":385,"trName":"KL 20 7511","totamt":0,"toqt":0.0},{"veId":386,"trName":"KL 20 D 7426","totamt":0,"toqt":0.0},{"veId":387,"trName":"KL 20 C 3985","totamt":0,"toqt":190.0},{"veId":388,"trName":"KL 01 AM 8356","totamt":0,"toqt":90.0},{"veId":389,"trName":"KL 01 C 8247","totamt":0,"toqt":234.0},{"veId":390,"trName":"KL 01 X 4435","totamt":0,"toqt":678.0},{"veId":391,"trName":"KL","totamt":768,"toqt":0.0},{"veId":392,"trName":"KL 20 B 7544","totamt":0,"toqt":67.0},{"veId":393,"trName":"KL","totamt":0,"toqt":0.0},{"veId":394,"trName":"KL","totamt":0,"toqt":460.0},{"veId":395,"trName":"KL","totamt":0,"toqt":56.0},{"veId":396,"trName":"KL","totamt":0,"toqt":78.0},{"veId":397,"trName":"KL","totamt":0,"toqt":890.0},{"veId":399,"trName":"KL","totamt":70,"toqt":88.0},{"veId":400,"trName":"KL 20 B 5478","totamt":0,"toqt":768.0},{"veId":401,"trName":"KL 01 D 6795","totamt":0,"toqt":760.0},{"veId":402,"trName":"KL","totamt":0,"toqt":0.0},{"veId":403,"trName":"KL 20 B 3968","totamt":0,"toqt":776.0},{"veId":398,"trName":"KL","totamt":1,"toqt":329.72972972972974}];
 function drawchartfromRefuel()
   {
    alert("RefuelLength"+totrefuelList.length);
    alert("veId:"+totrefuelList[0].veId);
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Task');
    data.addColumn('number', '');
    data.addRows(totrefuelList.length);
      for (var i=0;i<totrefuelList.length;i++)
        {
          data.setValue(i, 0, totrefuelList[i].trName);
          data.setValue(i, 1, totrefuelList[i].toqt);
        }

    var options = {
              title: 'Refuel Trend',
              height:'500',
              width:'400',
              backgroundColor: { fill:'transparent' }
            };

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
       google.visualization.events.addListener(chart, 'select', selectHandler);
    chart.draw(data, options);

   }

   function selectHandler(e) {
    var selection = chart1.getSelection();
    var item = selection[0];
    alert( item.row)

}

Onclick of an item in the pie chart,i want to get corresponding row number.How can i do that.I tried it,but onclick it frezzez..How to correct it??

解决方案

Try this:

google.visualization.events.addListener(chart, 'select', function(e) {
    var selection = chart.getSelection();
    console.log("selected row:", selection[0].row, data.getRow(selection[0].row));
});

这篇关于Google饼图问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！