ใส่ link ใน area charts จากตัวอย่าง google charts ต้องทำยังไงคะ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ใส่ link ใน area charts จากตัวอย่าง google charts ต้องทำยังไงคะ

ใส่ link ใน area charts จากตัวอย่าง google charts ต้องทำยังไงคะ

 

จากรูปนะคะ คือต้องการให้ คลิก link เพื่อส่งพารามิเตอร์ ไปยังอีก link นึง ต้องทำยังไงค่ะ

<html>
<head>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages','corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);

var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: '#333'}},
vAxis: {minValue: 0}
};

var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 100%; height: 500px;"></div>
</body>
</html>


Thitinun.bit 26-01-2020 16:08:45

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

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


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


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ดูในส่วนของ Events จะมีแนวทางอยู่

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

        function selectHandler(e) {
        	console.log(e);
         // window.open('https://www.google.com');
         // alert('A Chart row was selected');
        }    

สามารถใช้ค่า e ในการระบุว่าคลิกส่วนในของ chart แล้วใช้เป็นเงื่อนไขในการส่งค่าได้



ninenik 26-01-2020






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ