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

คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
ความคิดเห็นที่
1
ดูในส่วนของ Events จะมีแนวทางอยู่
สามารถใช้ค่า e ในการระบุว่าคลิกส่วนในของ chart แล้วใช้เป็นเงื่อนไขในการส่งค่าได้
1 2 3 4 5 6 7 8 9 10 | 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 แล้วใช้เป็นเงื่อนไขในการส่งค่าได้

ขอบคุณทุกการสนับสนุน
![]()