10 biểu đồ ví dụ Chart.js để bạn bắt đầu – biểu đồ js html ví dụ

Danh sách 10 biểu đồ (biểu đồ thanh, hình tròn, đường thẳng, v.v.) với dữ liệu được thiết lập để hiển thị biểu đồ mà bạn có thể sao chép và dán vào các dự án của mình

Bạn đang xem: < a href = "."> biểu đồ js html ví dụ < br>

Chart.js là một thư viện trực quan hóa dữ liệu mạnh mẽ, nhưng tôi biết từ kinh nghiệm rằng có thể hơi phức tạp nếu chỉ bắt đầu và hiển thị một biểu đồ. Có rất nhiều thứ có thể sai và tôi thường chỉ muốn có một cái gì đó hoạt động để tôi có thể bắt đầu chỉnh sửa nó.

Đây là danh sách 10 biểu đồ hoạt động (biểu đồ thanh, biểu đồ hình tròn, biểu đồ đường, v.v.) với màu sắc và dữ liệu được thiết lập để hiển thị các biểu đồ đẹp mắt mà bạn có thể sao chép và dán vào các dự án của riêng mình và nhanh chóng bắt đầu với việc tùy chỉnh và tinh chỉnh để làm cho chúng phù hợp với phong cách và mục đích của bạn.

Để sử dụng các ví dụ này, hãy đảm bảo bao gồm cả Chart.js:

  

& lt; script

src =

"https : //cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js "

& gt; & lt; / script & gt;

Đây là những biểu đồ mà chúng ta sẽ xem qua (nhấp để nhận mã):

1. Biểu đồ thanh

Biểu đồ thanh được tạo bằng cách đặt thành thanh (để lật hướng của các thanh, đặt nhập thành ngang ). Màu của các thanh được đặt bằng cách chuyển một màu đến backgroundColor (tất cả các thanh sẽ có cùng một màu) hoặc một mảng màu.

Nếu bạn đang chuyển một mảng (như trong ví dụ bên dưới), các màu sẽ được gán cho nhãn và số chia sẻ cùng một chỉ mục trong các mảng tương ứng của chúng. Tức là bên dưới, “Châu Phi” là nhãn đầu tiên, sẽ được đặt thành # 3e95cd (màu đầu tiên) và 2478 (số đầu tiên).

Biểu đồ thanh HTML & amp; JavaScript

  

& lt; canvas

id =

"thanh -chart "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

// Biểu đồ thanh

new

Biểu đồ

(

document

.

getElementById

(

"

biểu đồ thanh

"

),

{

loại

:

'

thanh

'

,

dữ liệu

:

{

nhãn

:

[

"

Châu Phi

"

,

"

Châu Á

"

,

"

Châu Âu

"

,

"

Châu Mỹ La Tinh

"

,

"

Bắc Mỹ

"

],

bộ dữ liệu

:

[

{

label

:

"

Dân số (hàng triệu )

"

,

backgroundColor

:

[

"

# 3e95cd

"

,

"

# 8e5ea2

"

,

"

# 3cba9f

"

,

"

# e8c3b9

"

,

"

# c45850

"

] ,

dữ liệu

:

[

2478

,

5267

,

734

,

784

,

433

]

}

]

},

tùy chọn

:

{

chú thích

:

{

display

:

false

},

title

:

{

display

:

true

,

text

:

'

Dân số thế giới được dự đoán (hàng triệu) vào năm 2050

'

}

}

});

2. Biểu đồ đường

Biểu đồ đường được tạo bằng cách đặt nhập thành line . Theo mặc định, các đường có tô màu trong suốt tối, bao phủ khu vực giữa đường và trục x. Tôi nghĩ rằng những lần điền này có xu hướng làm xáo trộn các dòng khác, vì vậy tôi đã xóa chúng trên mọi tập dữ liệu trong ví dụ này ( fill: false ).

Nếu bạn muốn xóa phần điền cho tất cả các biểu đồ đường của mình, thì một cách hiệu quả hơn để đạt được hiệu quả tương tự là thay đổi giá trị mặc định chung cho phần điền: Chart.defaults. global.elements.line.fill = false; .

Biểu đồ dạng đường: HTML & amp; JavaScript

  

& lt; canvas

id =

"dòng -chart "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

biểu đồ đường

"

),

{

loại

:

'

line

'

,

dữ liệu

:

{

nhãn

:

[

1500

,

1600

,

1700

,

1750

,

1800

,

1850

,

1900

,

1950

,

1999

,

2050

],

bộ dữ liệu

:

[{

dữ liệu

:

[

86

,

114

,

106

,

106

,

107

,

111

,

133

,

221

,

783

,

2478

],

label

:

"

Châu Phi

"

,

borderColor

:

"

# 3e95cd < / p>

"

,

điền

:

sai

},

{

dữ liệu

:

[

282

,

350

,

411

,

502

,

635

,

809

,

947

,

1402

,

3700

,

5267

],

label

:

"

Châu Á

"

,

borderColor

:

"

# 8e5ea2 < / p>

"

,

điền

:

sai

},

{

dữ liệu

:

[

168

,

170

,

178

,

190

,

203

,

276

,

408

,

547

,

675

,

734

],

label

:

"

Châu Âu

"

,

borderColor

:

"

# 3cba9f < / p>

"

,

điền

:

sai

},

{

dữ liệu

:

[

40

,

20

,

10

,

16

,

24

,

38

,

74

,

167

,

508

,

784

],

label

:

"

Châu Mỹ La tinh < / p>

"

,

borderColor

:

"

# e8c3b9 < / p>

"

,

điền

:

sai

},

{

dữ liệu

:

[

6

,

3

,

2

,

2

,

7

,

26

,

82

,

172

,

312

,

433

],

label

:

"

Bắc Mỹ < / p>

"

,

borderColor

:

"

# c45850 < / p>

"

,

điền

:

sai

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Dân số thế giới tính theo khu vực (tính bằng triệu)

'

}

}

});

3. Biểu đồ hình tròn

Biểu đồ hình tròn được tạo bằng cách đặt nhập thành pie . Chúng gần như giống hệt với biểu đồ bánh rán và sẽ hoạt động với các cấu hình giống nhau (một phần là do thay đổi loại).

Biểu đồ hình tròn: HTML & amp; JavaScript

  

& lt; canvas

id =

"pie -chart "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

biểu đồ hình tròn

"

),

{

loại

:

'

bánh

'

,

dữ liệu

:

{

nhãn

:

[

"

Châu Phi

"

,

"

Châu Á

"

,

"

Châu Âu

"

,

"

Châu Mỹ La Tinh

"

,

"

Bắc Mỹ

"

],

bộ dữ liệu

:

[{

label

:

"

Dân số (hàng triệu )

"

,

backgroundColor

:

[

"

# 3e95cd

"

,

"

# 8e5ea2

"

,

"

# 3cba9f

"

,

"

# e8c3b9

"

,

"

# c45850

"

] ,

dữ liệu

:

[

2478

,

5267

,

734

,

784

,

433

]

}]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Dân số thế giới được dự đoán (hàng triệu) vào năm 2050

'

}

}

});

4. Biểu đồ radar

Biểu đồ radar: HTML & amp; JavaScript

Biểu đồ ra đa — còn được gọi là biểu đồ web, biểu đồ con nhện, biểu đồ hình sao — được tạo bằng cách đặt nhập thành radar . Biểu đồ radar thường yêu cầu nhiều không gian dọc hơn các biểu đồ khác để dễ đọc, vì vậy bạn có thể phải điều chỉnh tỷ lệ biểu đồ.

  

& lt; canvas

id =

"radar -chart "

width =

" 800 "

height =

"600"

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

biểu đồ radar

"

),

{

loại

:

'

radar

'

,

dữ liệu

:

{

nhãn

:

[

"

Châu Phi

"

,

"

Châu Á

"

,

"

Châu Âu

"

,

"

Châu Mỹ La Tinh

"

,

"

Bắc Mỹ

"

],

bộ dữ liệu

:

[

{

nhãn

:

"

1950

"

,

điền

:

true

,

backgroundColor

:

"

rgba (179.181.198 , 0,2)

"

,

borderColor

:

"

rgba (179.181.198 , 1)

"

,

pointBorderColor

:

"

# fff < / p>

"

,

pointBackgroundColor

:

"

rgba (179.181.198 , 1)

"

,

data

:

[

8.77

,

55,61

,

21,69

,

6,62

,

6,82

]

},

{

nhãn

:

"

2050

"

,

điền

:

true

,

backgroundColor

:

"

rgba (255 , 99,132,0.2)

"

,

borderColor

:

"

rgba (255 , 99,132,1)

"

,

pointBorderColor

:

"

# fff < / p>

"

,

pointBackgroundColor

:

"

rgba (255 , 99,132,1)

"

,

pointBorderColor

:

"

# fff < / p>

"

,

dữ liệu

:

[

25,48

,

54,16

,

7,61

,

8.06

,

4,45

]

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Phân phối theo% dân số thế giới

'

}

}

});

5. Biểu đồ vùng cực

Biểu đồ vùng cực được tạo bằng cách đặt type thành polarArea . Biểu đồ vùng cực có liên quan chặt chẽ với biểu đồ hình tròn, với sự khác biệt là ngoài các góc thể hiện kích thước tương đối của các điểm dữ liệu, bán kính của mỗi phần tử được đặt tương ứng với giá trị của nó.

Polar chart: HTML & amp; JavaScript

  

& lt; canvas

id =

"polar -chart "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

polar-chart

"

),

{

type

:

'

polarArea

'

,

dữ liệu

:

{

nhãn

:

[

"

Châu Phi

"

,

"

Châu Á

"

,

"

Châu Âu

"

,

"

Châu Mỹ La Tinh

"

,

"

Bắc Mỹ

"

],

bộ dữ liệu

:

[

{

label

:

"

Dân số (hàng triệu )

"

,

backgroundColor

:

[

"

# 3e95cd

"

,

"

# 8e5ea2

"

,

"

# 3cba9f

"

,

"

# e8c3b9

"

,

"

# c45850

"

] ,

dữ liệu

:

[

2478

,

5267

,

734

,

784

,

433

]

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Dân số thế giới được dự đoán (hàng triệu) vào năm 2050

'

}

}

});

6. Biểu đồ bánh rán

Biểu đồ bánh donut được tạo bằng cách đặt thành donut . Chúng gần như giống hệt với biểu đồ hình tròn và sẽ hoạt động cùng các cấu hình.

Donut chart: HTML & amp; JavaScript

  

& lt; canvas

id =

"donut -chart "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

donut-chart

"

),

{

type

:

'

donut

'

,

dữ liệu

:

{

nhãn

:

[

"

Châu Phi

"

,

"

Châu Á

"

,

"

Châu Âu

"

,

"

Châu Mỹ La Tinh

"

,

"

Bắc Mỹ

"

],

bộ dữ liệu

:

[

{

label

:

"

Dân số (hàng triệu )

"

,

backgroundColor

:

[

"

# 3e95cd

"

,

"

# 8e5ea2

"

,

"

# 3cba9f

"

,

"

# e8c3b9

"

,

"

# c45850

"

] ,

dữ liệu

:

[

2478

,

5267

,

734

,

784

,

433

]

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Dân số thế giới được dự đoán (hàng triệu) vào năm 2050

'

}

}

});

7. Biểu đồ thanh ngang

Biểu đồ thanh ngang được tạo bằng cách đặt thành ngang . Chúng giống với biểu đồ thanh thông thường ở mọi khía cạnh khác và sẽ hoạt động với cùng cấu hình.

Biểu đồ thanh ngang: HTML & amp; JavaScript

  

& lt; canvas

id =

"thanh -chart-ngang "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

bar-chart-ngang

" < / p>

),

{

type

:

'

ngangBar

'

,

dữ liệu

:

{

nhãn

:

[

"

Châu Phi

"

,

"

Châu Á

"

,

"

Châu Âu

"

,

"

Châu Mỹ La Tinh

"

,

"

Bắc Mỹ

"

],

bộ dữ liệu

:

[

{

label

:

"

Dân số (hàng triệu )

"

,

backgroundColor

:

[

"

# 3e95cd

"

,

"

# 8e5ea2

"

,

"

# 3cba9f

"

,

"

# e8c3b9

"

,

"

# c45850

"

] ,

dữ liệu

:

[

2478

,

5267

,

734

,

784

,

433

]

}

]

},

tùy chọn

:

{

chú thích

:

{

display

:

false

},

title

:

{

display

:

true

,

text

:

'

Dự đoán dân số thế giới (hàng triệu người) vào năm 2050

'

}

}

});

8. Biểu đồ thanh được nhóm

Biểu đồ thanh được nhóm theo nhóm không phải là một loại biểu đồ duy nhất, nhưng nó yêu cầu bạn thiết lập dữ liệu của mình khác một chút so với biểu đồ thanh mà chúng tôi đã thấy cho đến nay.

type vẫn được đặt thành bar , nhưng ngay sau khi bạn vượt qua nhiều đối tượng cho bộ dữ liệu , Chart.js sẽ tạo một nhóm thanh mới cho mọi đối tượng. Sau đó, việc đặt màu cho nhóm thanh đó được thực hiện bằng cách chuyển màu cho backgroundColor .

Biểu đồ thanh được nhóm: HTML & amp; JavaScript

  

& lt; canvas

id =

"thanh -chart-grouped "

width =

" 800 "

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

bar-chart-grouped

" < / p>

),

{

loại

:

'

thanh

'

,

dữ liệu

:

{

nhãn

:

[

"

1900

"

,

"

1950

"

,

"

1999

"

,

"

2050

"

],

bộ dữ liệu

:

[

{

label

:

"

Châu Phi

"

,

backgroundColor

:

"

# 3e95cd < / p>

"

,

dữ liệu

:

[

133

,

221

,

783

,

2478

]

},

{

label

:

"

Châu Âu

"

,

backgroundColor

:

"

# 8e5ea2 < / p>

"

,

dữ liệu

:

[

408

,

547

,

675

,

734

]

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Gia tăng dân số ( hàng triệu)

'

}

}

});

9. Biểu đồ hỗn hợp

Bạn có thể kết hợp nhiều biểu đồ và chồng chúng lên trên nhau. Điều này được thực hiện bằng cách đặt thành bar ( not ví dụ: hỗn hợp hoặc dòng —phải là bar ), sau đó đặt loại thanh cho mọi đối tượng tập dữ liệu trong mảng tập dữ liệu của bạn.

Ví dụ: để tạo ra biểu đồ ở trên, chúng ta có bốn đối tượng dữ liệu: hai đối tượng được đặt thành bar và hai đối tượng được đặt thành dòng , trong khi loại cho đối tượng Biểu đồ được đặt thành thanh .

Biểu đồ hỗn hợp: HTML & amp; JavaScript

  

& lt; canvas

id =

"Mixed-chart"

width =

"800"

height =

"450" ​​

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

biểu đồ hỗn hợp

"

),

{

loại

:

'

thanh

'

,

dữ liệu

:

{

nhãn

:

[

"

1900

"

,

"

1950

"

,

"

1999

"

,

"

2050

"

],

bộ dữ liệu

:

[{

label

:

"

Châu Âu

"

,

loại

:

"

dòng

"

,

borderColor

:

"

# 8e5ea2 < / p>

"

,

dữ liệu

:

[

408

,

547

,

675

,

734

],

điền

:

sai

},

{

label

:

"

Châu Phi

"

,

loại

:

"

dòng

"

,

borderColor

:

"

# 3e95cd < / p>

"

,

dữ liệu

:

[

133

,

221

,

783

,

2478

],

điền

:

sai

},

{

label

:

"

Châu Âu

"

,

loại

:

"

thanh

"

,

backgroundColor

:

"

rgba (0 , 0,0,0.2)

"

,

dữ liệu

:

[

408

,

547

,

675

,

734

],

},

{

label

:

"

Châu Phi

"

,

loại

:

"

thanh

"

,

backgroundColor

:

"

rgba (0 , 0,0,0.2)

"

,

backgroundColorHover

:

"

# 3e95cd < / p>

"

,

dữ liệu

:

[

133

,

221

,

783

,

2478

]

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Gia tăng dân số ( hàng triệu): Châu Âu & amp; Châu Phi

'

},

chú thích

:

{

display

:

false

}

}

});

10. Biểu đồ bong bóng

Cuối cùng nhưng không kém phần quan trọng, đó là biểu đồ bong bóng, một biểu đồ yêu thích của Hans Rosling. Biểu đồ bong bóng có thể tuyệt vời để hiển thị đồng thời nhiều điểm dữ liệu khác nhau. Trong ví dụ này, mọi bong bóng được tạo thành từ ba giá trị: vị trí x, vị trí y và kích thước ( r ) — hiển thị GDP, hạnh phúc và dân số tương ứng của mỗi quốc gia.

Trong ví dụ trên, tôi đang sử dụng chỉ số hạnh phúc từ Báo cáo Hạnh phúc Thế giới cho vị trí Y của một quốc gia, ước tính GDP từ Quỹ Tiền tệ Quốc tế để đặt X vị trí và quy mô dân số để đặt kích thước của bong bóng. (Lưu ý rằng tôi đã xóa một số dữ liệu trong mã mẫu để giảm số lượng mã bạn phải sao chép.)

Bạn có thể chuyển một số đối tượng (setting x , y và < code class = "language-plaintext highlighter-rouge"> x ) cho từng mảng data trong mọi đối tượng tập dữ liệu (mỗi đối tượng sẽ tạo một mảng mới bong bóng), nhưng trong ví dụ này, tôi chỉ sử dụng một đối tượng cho mỗi mảng vì tôi muốn mọi bong bóng có một màu và nhãn duy nhất.

Biểu đồ bong bóng: HTML & amp; JavaScript

  

& lt; canvas

id =

"bong bóng -chart "

width =

" 800 "

height =

"800"

& gt; & lt; / canvas & gt;

  

new

Biểu đồ

(

tài liệu

.

getElementById

(

"

biểu đồ bong bóng

"

),

{

loại

:

'

bong bóng

'

,

dữ liệu

:

{

nhãn

:

"

Châu Phi

"

,

bộ dữ liệu

:

[

{

nhãn

:

[

"

Trung Quốc

"

],

backgroundColor

:

"

rgba (255.221 , 50,0.2)

"

,

borderColor

:

"

rgba (255.221 , 50,1)

"

,

dữ liệu

:

[{

x

:

21269017

,

y

:

5.245

,

r

:

15

}]

},

{

nhãn

:

[

"

Đan Mạch

"

],

backgroundColor

:

"

rgba (60.186.159 , 0,2)

"

,

borderColor

:

"

rgba (60.186.159 , 1)

"

,

dữ liệu

:

[{

x

:

258702

,

y

:

7.526

,

r

:

10

}]

},

{

nhãn

:

[

"

Đức

"

],

backgroundColor

:

"

rgba (0 , 0,0,0.2)

"

,

borderColor

:

"

# 000 < / p>

"

,

dữ liệu

:

[{

x

:

3979083

,

y

:

6.994

,

r

:

15

}]

},

{

nhãn

:

[

"

Nhật Bản

"

],

backgroundColor

:

"

rgba (193 , 46,12,0.2)

"

,

borderColor

:

"

rgba (193 , 46,12,1)

"

,

dữ liệu

:

[{

x

:

4931877

,

y

:

5.921

,

r

:

15

}]

}

]

},

tùy chọn

:

{

title

:

{

display

:

true

,

text

:

'

Dân số thế giới được dự đoán (hàng triệu) vào năm 2050

'

},

thang đo

:

{< / p>

yAxes

:

[{

scaleLabel

:

{

display

:

true

,

labelString

:

"

Hạnh phúc

"

}

}],

xAxes

:

[{

scaleLabel

:

{

display

:

true

,

labelString

:

"

GDP (PPP )

"

}

}]

}

}

});

Các bước tiếp theo

Tôi hy vọng bạn có thể bắt đầu quá trình của mình và nhanh chóng bắt đầu với các biểu đồ mẫu này. Chart.js có thể tùy chỉnh cao, vì vậy nếu bạn muốn thay đổi thiết kế của biểu đồ, tôi khuyên bạn nên tìm hiểu kỹ tài liệu chính thức để khám phá tất cả các thông số mà bạn có thể chỉnh sửa.

Nếu bạn mới sử dụng Chart.js và muốn có cái nhìn tổng quan hơn về thư viện, tôi khuyên bạn nên đọc bài đăng trước đó của tôi: Trực quan hóa dữ liệu với Chart.js: Giới thiệu < / span>.


Xem thêm những thông tin liên quan đến chủ đề biểu đồ js html ví dụ

Creating a Simple Bar Graph on HTML Canvas with Live example and Code

  • Tác giả: Chinmay Mahajan
  • Ngày đăng: 2017-05-07
  • Đánh giá: 4 ⭐ ( 7413 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: This video will guide you through the code to create a simple bar graph on canvas.

    Here is the code – https://github.com/chinmaymahajan/DreamsCoder-Examples/blob/master/Javascript/Graphics/BarGraph.html

Cách tạo biểu đồ với Chart.js

  • Tác giả: funix.edu.vn
  • Đánh giá: 4 ⭐ ( 2008 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hiển thị dữ liệu động với JavaScript chưa bao giờ dễ dàng hơn thế. Làm cách nào để bạn có thể bắt đầu tạo trực quan hóa dữ liệu với Chart.js? Bạn sẽ tìm hiểu cách thực hiện trong bài viết này.

học thư viện JS ECharts (phần 1)

  • Tác giả: freehost.page
  • Đánh giá: 3 ⭐ ( 1533 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xây dựng biểu đồ bằng C3.js

  • Tác giả: helpex.vn
  • Đánh giá: 4 ⭐ ( 8184 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu C3.js là thư viện biểu đồ JavaScript dựa trên D3.js (D3 = Data-Driven Document). Nó đơn giản để sử dụng, có thể tùy chỉnh và cung cấp một API đẹp. Nó có thể được sử dụng để tạo…

23 Ví Dụ Chart CSS Javascript Cho Phát Triển Web

  • Tác giả: final-blade.com
  • Đánh giá: 4 ⭐ ( 8743 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Vẽ biểu đồ dễ dàng với Highcharts – Init HTML

  • Tác giả: www.inithtml.com
  • Đánh giá: 3 ⭐ ( 6314 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trình bày biểu đồ luôn là một thách thức không nhỏ đối với lập trình viên cho dù bạn sử dụng ngôn ngữ lập trình…

Biểu đồ SVG — Vue.js

  • Tác giả: vi.vuejs.org
  • Đánh giá: 4 ⭐ ( 4769 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Vue.js – Framework JavaScript linh động

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Biểu mẫu JavaScript - biểu mẫu với hành động javascript