|
![](/images/resource/spacer.gif) |
|
จะ loop และนำเข้า array ยังไงครับ จะทำกราฟโดยใช้ Chartjs |
|
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
คือมีรับค่าตัวเลขมาจาก form ครับ ละนำมาคำนวณ โดย loop และก็คำนวณ จากตัวเลขที่กรอก
Code (JavaScript)
var config = {
type: 'line',
data: {
datasets: []
}
var p = 2'
var t = 5;
for (var i = 1; i<=p; i++){
config.data.datasets.push({
label: 'คนที่ ' + i,
borderColor: newColor,
borderWidth: newColor,
fill: false,
data: [] // นำข้อมูลจาก loop ที่สองเข้ามา
});
for (var b = 1; b<=t; b++){
var total = b * 100;
//คำนวนผลลัพท์ออกมาเป็นแกน x,y
config.data.datasets.data.push({'x': b, 'y': total});
}
}
จากโค้ดหนะครับ ใน loop ที่สองผมจะนำข้อมูลเข้าไปใน data ของแต่ละลูกด้านบน ทีนี้ผมทำออกมาแล้ว มันดัน push ค่า x,y ทั้งหมดเข้าไป จะแยออกมาเป็นของแต่ละ loop แรกยังไงครับ
Tag : HTML, CSS, JavaScript, jQuery, Node.js
![](/images/adv.jpg?v=1001)
|
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2018-02-21 11:55:53 |
By :
10211920914323139 |
View :
1583 |
Reply :
1 |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
![](/images/resource/viewboard_01.gif?v=1001) |
|
|
![](/images/resource/viewboard_03.gif?v=1001) |
![](/images/resource/viewboard_04.gif?v=1001) |
|
เข้าใจโครงสร้าง data ที่มัน require รึยังครับ ถ้ายังไม่เข้าใจ แนะนำให้ทำความเข้าใจก่อน ลองเล่น data ซัก row นึง
แล้วลองสร้าง hardcode ใส่ไปดูซักชุดว่าได้มั้ย แค่นี้ก็น่าจะได้แนวทางในการเตรียม data แล้วครับ
|
![](/images/resource/blockviewtopic_01.gif?v=1001) |
![](/images/resource/blockviewtopic_02.gif?v=1001) |
![](/images/resource/blockviewtopic_03.gif?v=1001) |
![](/images/resource/blockviewtopic_04.gif?v=1001) |
Date :
2018-12-07 17:48:56 |
By :
mongkon.k |
|
![](/images/resource/blockviewtopic_06.gif?v=1001) |
![](/images/resource/blockviewtopic_07.gif?v=1001) |
![](/images/resource/blockviewtopic_08.gif?v=1001) |
![](/images/resource/blockviewtopic_09.gif?v=1001) |
|
|
![](/images/resource/viewboard_06.gif?v=1001) |
![](/images/resource/viewboard_07.gif?v=1001) |
|
![](/images/resource/viewboard_08.jpg?v=1001) |
![](/images/resource/viewboard_09.gif?v=1001) |
|
|
|
![](/images/digitalocean-banner.jpg)
|
Load balance : Server 03
|