PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

การใส่ alert ใน Bar Charts จากตัวอย่าง Google Charts ต้องทำยังไงค่ะ

การใส่ alert ใน Bar Charts จากตัวอย่าง Google Charts ต้องทำยังไงค่ะ



จากรูปนะคะ คือต้องการให้ alert ค่าของตัวเองต้องทำยังไงค่ะ คือกดที่แท่งสีแดง ก็ให้ alert อีกข้อความนึง กดสีน้ำเงินก็ให้ alert อีกข้อความนึง ต้องแก้ไข โค้ดส่วนนี้ยังไงค่ะ
switch (selection[0].row) {

case 0: alert("column1"); break;
case 1: alert("column2"); break;
case 2: alert("column3"); break;
case 3: alert("column4"); break;

}

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
var options = { 
		  title: "ผลการติดตามลูกค้า",
		hAxis: {title: 'Win Probability', titleTextStyle: {color: 'red'}},
        width: 1400,
        height: 500,
        bar: {groupWidth: "70%"},
        legend: { position: 'right', maxLines: 3 },
		tooltip: { trigger: 'selection' }};
		
		
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.setAction({
          id: 'sample',
          text: 'ผลการติดตาม',
          action: function() {
            selection = chart.getSelection();
			
            switch (selection[0].row) {
		

              case 0: alert("column1"); break;
              case 1: alert("column2"); break;
              case 2: alert("column3"); break;
              case 3: alert("column4"); break;
             
              
            }
          }
        });
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 11-11-2014 เวลา: 09:27:38

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 17
ตรงตัวแปร data เราสามารถส่งค่าไปพร้อมกันหลายๆ ค่าได้
ให้ใช้เป็น

$.fancybox({  
     closeBtn:false,  
      content:$.ajax({         
          width:500,  
          url:'get_content.php',//ใช้ ajax ใน jQuery ดึงข้อมูล         
          data:{
            dataVal1:xxxx,   
            dataVal2:xxxx,   
            dataVal3:xxxx,   
            dataVal4:xxxx
          },
          async:false         
      }).responseText      
});  


ส่วนการส่งค่าอื่นนอกจากคาทีเดิมมาแสดงในกราฟ ต้องประยุกต์ซับซ้อนขึ้น ซึ่งน่าจะยาก
และขึ้นกับข้อมูล 


โดย:  Ninenik IP: 171.96.123.xxx วันที่: 08-12-2014
 ความคิดเห็นที่ 16
ขอโทษคะ ลืมอีกหนึ่งอย่าง คือ

ค่ารวมแต่ละแท่งมาจาก (อันนี้ยก ตย.มาแต่สินค้า 50% นะคะ)  คือผลรวมแต่ละแท่งกราฟคะ
 // สร้างตัวแปร array เก็บค่า ไว้เรียกใช้งาน
        var dataArray=[
          ['Element', <? while($row = mysql_fetch_array($query)){echo "'".$row['sname']."',";}?> ],
        ['50%',<? $query50 = mysql_query($sql) or die ("sql error [".$sql."]");while($rows = mysql_fetch_array($query50)){$sql50="SELECT COUNT( probability ) AS NumT FROM  `quotation` , sales WHERE quotation.`sid` = sales.sid AND quotation.`sid` =  '$rows[sid]' AND  `probability` =50"; $q50 = mysql_query($sql50) or die ("sql error [".$sql50."]"); while($row50 = mysql_fetch_array($q50)){ echo $row50['NumT'].',';}}?>],
 ];
        var data = google.visualization.arrayToDataTable(dataArray);


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 08-12-2014 เวลา: 16:06:40
 ความคิดเห็นที่ 15
ขยายความอีกนิด

เมื่อคลิกที่กราฟแต่ละแท่ง 
จะขึ้นรายละเอียดของรายการนั้นๆ
เช่น คลิกที่50% ของฝ่ายขายคนที่2 ที่ขึ้นเลข3ในกราฟ
จะต้องโชว์ออกมาว่า 3รายการนี้คือ มีรายละเอียดอะไรบ้าง พร้อม
Link ไปรายการนั้นๆ


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 08-12-2014 เวลา: 15:58:01
 ความคิดเห็นที่ 14
 ถ้าตาม ตย. ของพี่ ค่าจะออกมาตรงๆเลย คือ dataVal=1000 หากคลิกที่กราฟสีน้ำเงินในปี 2004


  1.  // สร้างตัวแปร array เก็บค่า ไว้เรียกใช้งาน  
  2.         var dataArray=[  
  3.           ['Year''Sales''Expenses'],  
  4.           ['2004',  1000,      400],  
  5.           ['2005',  1170,      460],  
  6.           ['2006',  660,       1120],  
  7.           ['2007',  1030,      540]              
  8.         ];  
  9.         var data = google.visualization.arrayToDataTable(dataArray);  
  10.             

แต่ของหนู คือการแสดงผลรวม สมมติ สินค้า50% ฝ่ายขายมี4คน แต่ละคนขายไปเท่าไร

จากรูป
- ฝ่ายขาย1 ขายสินค้า50% ได้ 2อัน   
- ฝ่ายขาย2 ขายสินค้า50% ได้ 3อัน
- ฝ่ายขาย3 ขายสินค้า50% ได้ 2อัน
- ฝ่ายขาย4 ขายสินค้า50% ได้ 2อัน

  1.  selection = chart.getSelection();    
  2.             var key_row=selection[0].row+1;     // หา key array แถวของข้อมูล  
  3.             var data_row=dataArray[key_row];  // เก็บค่าข้อมูลของแถวที่ได้  
  4.             var key_col=selection[0].column;  // หา key array ของ คอลัมน์ข้อมูล  
  5.             var data_col=data_row[key_col];   // เก็บค่าข้อมูลของคอลัมน์ที่ได้  
  6.             $.fancybox({  
  7.                  closeBtn:false,  
  8.                   content:$.ajax({         
  9.                       width:300,  
  10.                       url:'get_content.php',//ใช้ ajax ใน jQuery ดึงข้อมูล         
  11.                       data:'dataVal='+data_col,  // ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล      
  12.                       async:false         
  13.                   }).responseText      
  14.             });  
ถ้าทำตามโค้ด ตย. จะโชว์ค่า dataVal= ผลรวม (ในที่นี้ถ้าคลิกที่50% ของฝ่ายขายคนที่2 จะขึ้นว่า dataVal=3)  แต่ที่ต้องการคือ $sid(รหัสฝ่ายขาย) กับ $probability (ค่าเปอร์เซ็น)
 เพื่อที่จะไว้ส่งค่าในหน้า get_content.php 

SELECT * FROM quotation where probability in('$_GET[...]') and sid='$_GET[...]'  

โค้ดที่หนูลองทำ คือ
var text_alert = [
//////50%////////
	[ <? $sql = "SELECT * FROM sales where sposition !='Store' order by sid "; 
$query = mysql_query($sql) or die ("sql error [".$sql."]");
while($row = mysql_fetch_array($query)){
echo "'','";
$sql50="SELECT * FROM quotation, customer, sales WHERE customer.cid = quotation.cid AND quotation.`sid` = sales.sid AND quotation.`sid` = '$row[sid]' AND  `probability` =50"; 
$q50 = mysql_query($sql50) or die ("sql error [".$sql50."]"); 
while($row50 = mysql_fetch_array($q50)){ 
echo $row50['probability'];} /* dataVal จะปรากฏค่านี้  แต่ถ้าอยากได้2ค่า คือ $row50['sid'] กับ $row50['probability']ต้องทำยังไงค่ะ  */
echo "',";
}?>],
];
        // When the table is selected, update the orgchart.
        google.visualization.events.addListener(chart, 'select', function() {
            selection = chart.getSelection();  
            var data_col=text_alert[ selection[0].row][selection[0].column];   // เก็บค่าข้อมูลของคอลัมน์ที่ได้
            $.fancybox({
                 closeBtn:false,
                  content:$.ajax({       
                      width:500,
                      url:'get_content.php',//ใช้ ajax ใน jQuery ดึงข้อมูล       
                      data:'dataVal='+data_col,  // ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล    
                      async:false       
                  }).responseText    
            });

        });
จะได้ตามรูป


** ถ้าอ่านแล้วงง ขอโทษด้วยนะคะ **

โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 08-12-2014 เวลา: 15:53:18
 ความคิดเห็นที่ 13
ส่งตัวแปรอะไรมา ก็เอาค่านั้นมา รับเพื่อไปใช้งาน ตามโค้ดเป็นแค่ ดูค่าตัวแปรที่ส่งมา
ก็คือตัวแปร $_GET['dataVal']  ซื่อง เราส่งมามีค่าเท่ากับ 660  เวลาเอาไปใช้ในคำสั่ง sql ก็ประมาณว่า

select * from qt where price = '".$_GET['dataVal']."' 


คำสั่ง print_r ตามตัวอย่างแค่ให้ดูค่าตัวแปรที่ส่งมา ว่าถูกต้องหรือไม่

โดย:  Ninenik IP: 1.46.17.xxx วันที่: 06-12-2014
 ความคิดเห็นที่ 12
ไฟล์ get_content.php 
<?php print_r($_GET); ?> 
จะโชว์ว่า 

  Array
(
    [dataVal] => 660
)
แล้วหนูต้อง select * from qt where price = 'xxxx' ยังไงคะ

โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 06-12-2014 เวลา: 14:28:47
 ความคิดเห็นที่ 11
ดูโค้ดต่อไปนี้เป็นแนวทาง

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
</head>
<body>


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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>   
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>       
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        // สร้างตัวแปร array เก็บค่า ไว้เรียกใช้งาน
        var dataArray=[
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]            
        ];
        var data = google.visualization.arrayToDataTable(dataArray);
          
        var options = { 
            title: "ผลการติดตามลูกค้า",
            hAxis: {title: 'Win Probability', titleTextStyle: {color: 'red'}},
            width: 850,
            height: 400,
            bar: {groupWidth: "70%"},
            legend: { position: 'right', maxLines: 3 },
            tooltip: { trigger: 'none' }
        };
		
		
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
          
        // When the table is selected, update the orgchart.
        google.visualization.events.addListener(chart, 'select', function() {
            selection = chart.getSelection();  
            var key_row=selection[0].row+1;     // หา key array แถวของข้อมูล
            var data_row=dataArray[key_row];  // เก็บค่าข้อมูลของแถวที่ได้
            var key_col=selection[0].column;  // หา key array ของ คอลัมน์ข้อมูล
            var data_col=data_row[key_col];   // เก็บค่าข้อมูลของคอลัมน์ที่ได้
            $.fancybox({
                 closeBtn:false,
                  content:$.ajax({       
                      width:300,
                      url:'get_content.php',//ใช้ ajax ใน jQuery ดึงข้อมูล       
                      data:'dataVal='+data_col,  // ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล    
                      async:false       
                  }).responseText    
            });

        });
          
      }
    </script>       
</body>
</html>



สังเกตเราจะสร้างตัวแปร แยกออกมาอีกที เป็น

        // สร้างตัวแปร array เก็บค่า ไว้เรียกใช้งาน
        var dataArray=[
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]            
        ];
        var data = google.visualization.arrayToDataTable(dataArray);


เพื่อจะได้เรียกใช้งานค่าข้อมูลได้ทีหลัง

มีการกำหนด option และไม่แสดง tooltip แต่จะแสดง เป็น fancybox แทน

tooltip: { trigger: 'none' }


จากโค้ดไม่มีการ setAction ลบออกไปได้

ส่วนการแสดง fancybox แสดงในส่วน 

        // When the table is selected, update the orgchart.
        google.visualization.events.addListener(chart, 'select', function() {
            selection = chart.getSelection();  
            var key_row=selection[0].row+1;     // หา key array แถวของข้อมูล
            var data_row=dataArray[key_row];  // เก็บค่าข้อมูลของแถวที่ได้
            var key_col=selection[0].column;  // หา key array ของ คอลัมน์ข้อมูล
            var data_col=data_row[key_col];   // เก็บค่าข้อมูลของคอลัมน์ที่ได้
            $.fancybox({
                 closeBtn:false,
                  content:$.ajax({       
                      width:300,
                      url:'get_content.php',//ใช้ ajax ใน jQuery ดึงข้อมูล       
                      data:'dataVal='+data_col,  // ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล    
                      async:false       
                  }).responseText    
            });



เมื่อมีการคลิกเลือกที่ bar ใดๆ ก็จะทำการใช้งาน ajax ไปเรียกข้อมูลจากไฟล์ get_content.php 
ไฟล์นี้เกำหนด การแสดงได้ตามต้องการ รวมทั้งเราสามารถส่งค่าข้อมูลไปยังไฟล์ เพื่อใช้งานได้

โค้ดไฟล์ get_content.php
 

<?php
header("Content-type:text/html; charset=UTF-8");          
header("Cache-Control: no-store, no-cache, must-revalidate");       
header("Cache-Control: post-check=0, pre-check=0", false);    
// เชื่อมต่อกับฐานข้อมูล    
//$link=mysql_connect("localhost","root",""); // เชื่อมต่อ Server      
//mysql_select_db("test");  // ติดต่อฐานข้อมูล      
//mysql_query("set character set utf8"); // กำหนดค่า character set ที่จะใช้แสดงผล     
?>
<div style="width:300px;">
    ดูตัวแปร ที่ส่งค่ามา 
    <pre>
        <?php print_r($_GET); ?>
    </pre>
    <a href="#">Link 1</a>
</div>



สามารถนำไปประยุกต์เพิ่มเติมได้



 



โดย:  Ninenik IP: 1.47.145.xxx วันที่: 05-12-2014
 ความคิดเห็นที่ 10
แต่ครั้งนี้คงต้องถามใหม่แล้วคะ
อยากจะให้โชว์ ข้อความที่ลิ้งค์ไปหน้าอื่นได้ 
ถ้าโชว์แค่ข้อมูลอย่างเดียว  ไม่มีปัญหา
chart.setAction({
          id: 'sample',
          text: 'ผลการติดตาม',
          action: function() {
            var text_alert = [
[ <? while($row0 = mysql_fetch_array($q0)){ 
echo "<b>".$row50['cname']."</b>(".$row50['codeQT'].")".$row50['follow']."<br/>";} 
echo "',";
?>],

];

selection = chart.getSelection();

$.fancybox( text_alert[ selection[0].row][selection[0].column],{
		
		'transitionIn'	: 'none',
		'transitionOut'	: 'none'
		});    

          }
        });

แต่ถ้าใส่ลิ้งค์ เพิ่ม หน้าว่างเปล่า ไม่มีอะไรขึ้นเลยค่ะ 
 
 <? while($row0 = mysql_fetch_array($q0)){ 
echo "<b>".$row50['cname']."</b>(".$row50['codeQT'].")".$row50['follow']."<a href='viewQT.php?idx=$row50[codeQT]'>ดูรายละเอียด</a><br/>";} 

echo "',";
 
?>
 


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 04-12-2014 เวลา: 14:03:43
 ความคิดเห็นที่ 9
    รู้สึกคำถามหลังๆ ไม่ได้เข้ามาตอบ เห็นทำได้เองหมด  

โดย:  Ninenik IP: 1.46.145.xxx วันที่: 03-12-2014
 ความคิดเห็นที่ 8
ขอโทษอีกรอบค่ะ ลองใหม่ได้แล้ว
ลองอยู่หลายรอบไม่ได้
เอาข้างล่างออก ก็ใช้ได้เลยค่ะ   ขอโทษจริงๆ ที่ถามหลายรอบนะคะ
  1. 'type' : 'iframe',  
  2.         'width' : '40%',  
  3.         'height' : '70%',  
  4.         'autoScale' : false,  
  5.  


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 03-12-2014 เวลา: 17:31:02
 ความคิดเห็นที่ 7
ขอโทษคะ ขอถามอีกอย่าง คือ ถ้าใช้ fancybox โดยที่ไม่ต้องลิ้งค์ไปอีกหน้านึงได้หรือเปล่าคะ
โชว์แค่ข้อความ ตามรูป โชว์ข้อความ แต่เหมือน ขึ้นว่าหา page ไม่เจอ จะต้องทำยังไงค่ะ



$.fancybox( text_alert[ selection[0].row][selection[0].column],{
		
		'type' : 'iframe',
		'width' : '40%',
		'height' : '70%',
		'autoScale' : false,
		'transitionIn'	: 'none',
		'transitionOut'	: 'none'
		});    


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 03-12-2014 เวลา: 17:26:46
 ความคิดเห็นที่ 6
ได้แล้วค่ะ

chart.setAction({
          id: 'sample',
          text: 'ผลการติดตาม',
          action: function() {
            var text_alert = [
<? ///โค้ดphp ที่ต้องการโชว์ ?>],

];

selection = chart.getSelection();
$.fancybox({
		href: "showActivity.php?id=" + event.id,
		'type' : 'iframe',
		'width' : '40%',
		'height' : '70%',
		'autoScale' : false,
		'transitionIn'	: 'none',
		'transitionOut'	: 'none'
		});
          }
        });


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 03-12-2014 เวลา: 16:35:54
 ความคิดเห็นที่ 5
ถ้า ต้องการเปลี่ยนจากการ alert เป็นกล่อง fancy box แทน ต้องทำยังไงค่ะ

chart.setAction({
          id: 'sample',
          text: 'ผลการติดตาม',
          action: function() {
            var text_alert = [
<? ///โค้ดphp ที่ต้องการโชว์ ?>],

];

selection = chart.getSelection();
alert( text_alert[ selection[0].row][selection[0].column]);
          }
        });

 
 


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 03-12-2014 เวลา: 16:06:41
 ความคิดเห็นที่ 4
ขอบคุณค่ะ

โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 11-11-2014 เวลา: 14:22:04
 ความคิดเห็นที่ 3
ถ้าใช้ข้อมูลจาก คแลัมน์ ก็ต้องเปลี่ยน จาก row เป็น column

   ให้ดูในโค้ดส่วนนี้  ค่า
selection[0].column คือ คอลัมของข้อมูลหรือก็คือหัวข้อ ถ้าเทียบกับคำถาม ก็ใช้สำหรับ
อ้างอิงชื่อบริษัท ค่าจากซ้ายไปขวา คือ 1,2,3 ....
selection[0].row  คือ แถวของข้อมูล ค่าจะเริ่มจาก 0,1,2,3 .....

        google.visualization.events.addListener(chart, 'select', function() {
            selection = chart.getSelection();
            switch (selection[0].column) {
              case 1: alert("บริษัท AAA"); break;
              case 2: alert("บริษัท BBB"); break;
              case 3: alert("บริษัท CCC"); break;
              case 4: alert("บริษัท DDD"); break;             
            }            
        });


โดย:  Ninenik IP: 115.87.101.xxx วันที่: 11-11-2014
 ความคิดเห็นที่ 2
แล้วถ้าข้อมูลที่ต้องการโชว์ alert เป็นการดึงจากฐานข้อมูล

เช่น 
ปี 2004
- แท่งสีน้ำเงิน จะให้ click แล้ว alert "บริษัท AAA"
- แท่งสีแดง จะให้ click แล้ว alert "บริษัท BBB"

ปี 2005
- แท่งสีน้ำเงิน จะให้ click แล้ว alert "บริษัท CCC"
- แท่งสีแดง จะให้ click แล้ว alert "บริษัท DDD"


ตัวอย่างรูปด้านล่าง หนูดึงมาจากฐานข้อมูล แต่ทำ alert ไม่เป็นค่ะ


โดย:  Bsaranya IP: 223.204.255.xxx วันที่: 11-11-2014 เวลา: 10:46:47
 ความคิดเห็นที่ 1
ลองดูจากคู่มือ จะมีบอกคำสั่ง และวิธีใช้ ประยุกต์ได้เลย
 
https://developers.google.com/chart/interactive/docs/gallery/linechart#Methods
 
ส่วนของการใช้งาน event
 
https://developers.google.com/chart/interactive/docs/events#example
 
ตัวอย่าง
 
 
โค้ด
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>


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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>   
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
var options = { 
		  title: "ผลการติดตามลูกค้า",
		hAxis: {title: 'Win Probability', titleTextStyle: {color: 'red'}},
        width: 850,
        height: 400,
        bar: {groupWidth: "70%"},
        legend: { position: 'right', maxLines: 3 },
		tooltip: { trigger: 'selection' }};
		
		
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.setAction({
          id: 'sample',
          text: 'ผลการติดตาม'
        });
        chart.draw(data, options);
          
        // When the table is selected, update the orgchart.
        google.visualization.events.addListener(chart, 'select', function() {
            selection = chart.getSelection();
            switch (selection[0].row) {
              case 0: alert("column1"); break;
              case 1: alert("column2"); break;
              case 2: alert("column3"); break;
              case 3: alert("column4"); break;             
            }            
        });
          
      }
    </script>       
</body>
</html>


โดย:  Ninenik IP: 115.87.101.xxx วันที่: 11-11-2014