Ebook “Lập trình JavaScript”
Sách được chia làm 5 phần rõ ràng gồm: Tổng quan về JavaScript, Sử dụng JavaScript, Hàm và đối tượng, Tạo đối tượng trong JavaScript, Sự kiện trong JavaScript.
Download
Mã:
mediafire.com/?v5hw4vx5t76xz66Lập trình JavaScript
Ebook “Lập trình JavaScript”
Sách được chia làm 5 phần rõ ràng gồm: Tổng quan về JavaScript, Sử dụng JavaScript, Hàm và đối tượng, Tạo đối tượng trong JavaScript, Sự kiện trong JavaScript.
Download
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="trackbox.css">
<script>
//hàm vẽ
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
title:{
text: "Parameter lookup table"
},
axisX: {
valueFormatString: "DD MMM,YY"
},
axisY: {
title: "Temperature (in °C)",
includeZero: false,
suffix: " °C"
},
legend:{
cursor: "pointer",
fontSize: 30,
itemclick: toggleDataSeries
},
toolTip:{
shared: true
},
data: [{
name: "HUM",
type: "spline",
yValueFormatString: "#0.## °C",
showInLegend: true,
dataPoints: [
{ x: new Date(2017,6,24), y: 22 },
{ x: new Date(2017,6,25), y: 19 },
{ x: new Date(2017,6,26), y: 23 },
{ x: new Date(2017,6,27), y: 24 },
{ x: new Date(2017,6,28), y: 24 },
{ x: new Date(2017,6,29), y: 23 },
{ x: new Date(2017,6,30), y: 23 }
]
},
{
name: "TEM",
type: "spline",
yValueFormatString: "#0.## °C",
showInLegend: true,
dataPoints: [
]
}]
});
chart.render();
function toggleDataSeries(){
// if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
// e.dataSeries.visible = false;
// }
// else{
// e.dataSeries.visible = true;
// }
chart.render();
}
//hết
}
function checkIT(){
// var linkIT = document.getElementById(teamIT)
alert("bảng IT")
}
function checkKT(){
// var linkKT = document.getElementById(teamKT)
alert('kitting')
}
function checkSMT(){
var linkSMT = document.getElementById(teamSMT)
}
function checkVCD(){
var linkVCD = document.getElementById(teamVCD)
}
</script>
</head>
<body>
<div id="trackbox">
<div id="head">
<h1>THÔNG SỐ KĨ THUẬT</h1>
</div>
<div id="main">
<div id="boxLeft">
<tr>
<td>Chọn GROUP</td>
<td>
<form action="">
<select name="group" id="group" onchange="showCustomer(this.value)">
<option value="IT" ><button onclick="checkIT()" id="teamIT">IT</button></option>
<option value="KITTING"><button onclick="checkKT()" id="teamKT">KITTING</button></option>
<option value="SMT"><button onclick="checkSMT()" id="teamSMT">SMT</button></option>
<option value="VCD"><button onclick="checkVCD()" id="teamVCD">VCD</button></option>
</select>
</form>
</td>
</tr>
</div>
<div id="boxRight">
<div id="txtHint"></div>
</div>
</div>
</div>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>
anh ơi support em với!!
sự kiện onclick vào it,kiting,vcd thì thực hiện hàm vẽ ở trên!!
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="trackbox.css">
<script>
//hàm vẽ
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
title:{
text: "Parameter lookup table"
},
axisX: {
valueFormatString: "DD MMM,YY"
},
axisY: {
title: "Temperature (in °C)",
includeZero: false,
suffix: " °C"
},
legend:{
cursor: "pointer",
fontSize: 30,
itemclick: toggleDataSeries
},
toolTip:{
shared: true
},
data: [{
name: "HUM",
type: "spline",
yValueFormatString: "#0.## °C",
showInLegend: true,
dataPoints: [
{ x: new Date(2017,6,24), y: 22 },
{ x: new Date(2017,6,25), y: 19 },
{ x: new Date(2017,6,26), y: 23 },
{ x: new Date(2017,6,27), y: 24 },
{ x: new Date(2017,6,28), y: 24 },
{ x: new Date(2017,6,29), y: 23 },
{ x: new Date(2017,6,30), y: 23 }
]
},
{
name: "TEM",
type: "spline",
yValueFormatString: "#0.## °C",
showInLegend: true,
dataPoints: [
]
}]
});
chart.render();
function toggleDataSeries(){
// if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
// e.dataSeries.visible = false;
// }
// else{
// e.dataSeries.visible = true;
// }
chart.render();
}
//hết
}
function checkIT(){
// var linkIT = document.getElementById(teamIT)
alert("bảng IT")
}
function checkKT(){
// var linkKT = document.getElementById(teamKT)
alert('kitting')
}
function checkSMT(){
var linkSMT = document.getElementById(teamSMT)
}
function checkVCD(){
var linkVCD = document.getElementById(teamVCD)
}
</script>
</head>
<body>
<div id="trackbox">
<div id="head">
<h1>THÔNG SỐ KĨ THUẬT</h1>
</div>
<div id="main">
<div id="boxLeft">
<tr>
<td>Chọn GROUP</td>
<td>
<form action="">
<select name="group" id="group" onchange="showCustomer(this.value)">
<option value="IT" ><button onclick="checkIT()" id="teamIT">IT</button></option>
<option value="KITTING"><button onclick="checkKT()" id="teamKT">KITTING</button></option>
<option value="SMT"><button onclick="checkSMT()" id="teamSMT">SMT</button></option>
<option value="VCD"><button onclick="checkVCD()" id="teamVCD">VCD</button></option>
</select>
</form>
</td>
</tr>
</div>
<div id="boxRight">
<div id="txtHint"></div>
</div>
</div>
</div>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>
anh ơi support em với!!
sự kiện onclick vào it,kiting,vcd thì thực hiện hàm vẽ ở trên!!
