Lập trình JavaScript

T · 26/1/11

Ebook “Lập trình JavaScript”

Tiếp theo 2 ngôn ngữ lập trình trên thì JavaScript cũng là một ngôn ngữ lập trình rất quen thuộc với hầu hết các nhà lập trình. Ebook này sẽ cung cấp thêm cho các bạn yêu thích lập trình Javar thêm nhiều thông tin lí thú.

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/?v5hw4vx5t76xz66

viktrananh · 15/6/20

<!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!!

Lập trình JavaScript

viktrananh

Bài viết mới nhất

Thống kê

Bài viết được quan tâm nhiều