โค้ดตอนนี้เป็นเเบบนี้ครับ กดปุ่มชนะ กราฟขึ้นx1,y1 ถ้ากดชนะอีกขึ้น x2,y2 ถ้ากดปุ่มเเพ้จะเป็น x4,y1
เเต่ตอนนี้อยากได้เเบบนี้้ครับ
ค่าที่เข้ามาเป็นการคำนวน ชนะ เสมอ เเพ้ ครับ
สมมุติมันคำนวนเป็นชนะ เเล้วเราไปดูผลจริงเป็นชนะ เราก็จะกดปุ่มชนะ เเล้วขึ้นกราฟเป็น x1,y1
ถ้ามันคำนวนมาเป็นเเพ้ เเล้วเราไปดูผลจริงเป็นเเพ้ เราก็จะกดปุ่มเเพ้ เเล้วกราฟขึ้นเป็นx2,y2
เเต่ถ้ามันคำนวนมาเป็นเเพ้ เเล้วเราไปดูผลจริงเป็นชนะ เราก็จะกดปุ่มชนะ เเล้วกราฟลงเป็น x3,y1
ถ้ามันคำนวนมาเป็นเเพ้ เเล้วเราไปดูผลจริงเป็นเเพ้ เราก็จะกดปุ่มเเพ้ เเล้วกราฟขึ้นเป็นx4,y2
เหมือนการคำนวนผลบอลว่าคู่นี้จะชนะ พอเเข่งเสร็จผลออกเป็นชนะ เราก็กดปุ่มชนะกราฟก็ขึ้นเเสดง พอเข้าใจไหม
<html>
<head>
<!-- ปุ่มบวก/ลบเลข -->
<script>
function addnum(){
_x ;
_y ;
document.all.txtint;
statusColor = "green";
dataSet.push([_x, _y, 'color:' statusColor])
drawChart();
}
function delnum(){
_x ;
_y--;
document.all.txtint;
statusColor = "red";
dataSet.push([_x, _y, 'color:' statusColor])
drawChart();
}
function data(){
_x ;
_y;
document.all.txtint;
statusColor = "blue";
dataSet.push([_x, _y, 'color:' statusColor])
drawChart();
}
</script>
<button type="button" name= "addBallBlue1" id="addBallBlue1" onclick="addnum()" > ชนะ</button>
<button type="button" name= "addBallBlue2" id="addBallBlue2" onclick="data()" > เสมอ</button>
<button type="button" name= "addBallBlue3" id="addBallBlue3" onclick="delnum()" > เเพ้</button>
<!-- กราฟ -->
<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);
var _x = 0;
var _y = 0;
var dataSet = [[0, 0, 'color: blue']]; // ข้อมูลเริ่มต้น
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'Round'); //จำนวนรอบแข่ง
data.addColumn('number', 'Result'); // ผลลัพธ์ ชนะสีเขียว แพ้สีแดง เสมอสีฟ้า
data.addColumn({type: 'string', role: 'style'}); // เก็บรูปแบบการกำหนด style
if(dataSet.length>0){ // มีข้อมูลหรือไม่
for(i=0; i<=dataSet.length; i ){ // วนลูปแสดงข้อมูล
data.addRow(dataSet[i]); // เพิ่มข้อมูล
}
}
var options = {
title: '',
hAxis: {title: 'รอบที่', minValue: 0, maxValue: 20},
vAxis: {title: 'ชนะ-เเพ้', minValue: -10, maxValue: 10},
legend: 'none'
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!-- กราฟ -->
<div id="chart_div" style="width: 1300px; height: 700px;"></div>
</body>
</html>