-
Ví dụ bên dưới minh họa một mẫu biểu đồ cột xếp chồng được tạo bằng JavaScript kèm code nguồn HTML cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ động (dynamic chart) được tạo bằng JavaScript. Code mẫu JavaScript này cho một mẫu biểu đồ được update dữ liệu trực tiếp.
-
Ví dụ bên dưới minh hoạt một mẫu biểu đồ doughnut với bán kính bên trong có thể thay đổi. Biểu đồ này được tạo bằng JavaScript. Bài viết cung cấp cả mã nguồn cho bạn thoải mái chỉnh sửa như ý muốn.
-
Code mẫu JavaScript trong Canvas JS dưới đây hỗ trợ tạo tất cả đồ thị/biểu đồ kèm trục. Ví dụ này cho bạn thấy biểu đồ đường sử dụng nhiều trục Y để biểu thị các tỷ lệ khác nhau.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ giá cổ phiếu của Lockheed Martin năm 2016 cùng với số lượng cổ phần bằng cách kết hợp đồ thị OHLC và đường.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ hình tròn với bán kính có thể thay đổi được tạo bằng JavaScript. Bài viết cũng cung cấp mã nguồn cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới trình bày một mẫu biểu đồ thác nước với màu sắc tùy biến được tạo bằng JavaScript. Bài viết cũng bao gồm mã nguồn mà bạn có thể chỉnh sửa trên trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới minh họa một mẫu Error Chart kết hợp Line Chart được tạo bằng JavaScript. Bài viết cũng cung cấp mã nguồn cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ JavaScript dạng phễu. Bạn sẽ có phần mã nguồn chi tiết ở bên dưới để chỉnh sửa như ý muốn.
-
Ví dụ bên dưới hiện biểu đồ bong bóng được tạo bằng JavaScript cùng với mã nguồn cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới minh họa mẫu biểu đồ OHLC được tạo thành từ dữ liệu JSON. Bài viết cũng bao gồm mã nguồn JavaScript cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ thanh kết hợp với sai số được tạo bằng JavaScript.
-
Ví dụ bên dưới trình bày biểu đồ đường thẳng nhiều chuỗi dữ liệu với các chú thích tùy biến, cho phép bạn click hoặc trỏ chuột qua các chú thích để ẩn/bỏ ẩn hoặc làm nổi bật các chuỗi dữ liệu tương ứng.
-
Ngắt trục hoặc theo tỷ lệ được dùng khi một số giá trị của mốc dữ liệu trong chuỗi cực kỳ cao hoặc thấp. Dưới đây là code mẫu JavaScript tạo biểu đồ có ngắt trục.
-
JavaScript Area Chart trên CanvasJS hướng dẫn bạn cách lập trình một mẫu biểu đồ theo vùng. Dưới đây là code JavScript tạo mẫu biểu đồ vùng đơn giản nhất cho người mới bắt đầu.
-
Ví dụ bên dưới cho bạn một mẫu biểu đồ đường dạng bậc thang được tạo bằng JavaScript cùng mã nguồn HTML để chỉnh sửa trong trình duyệt hoặc lưu về máy chạy nội bộ.
-
Ví dụ bên dưới minh họa một biểu đồ vùng theo phạm vi được tạo bằng JavaScript kèm mã nguồn đầy đủ cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy chạy nội bộ.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ thanh đa chuỗi dữ liệu được tạo bằng JavaScript đơn giản nhất. Bài viết cũng bao gồm mã nguồn cho bạn chỉnh sửa trong trình duyệt.
-
Ví dụ bên dưới hiển thị biểu đồ spline nhiều chuỗi được tạo bằng JavaScript. Bài viết cũng cung cấp mã nguồn cho bạn chỉnh sửa trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Ví dụ bên dưới hiện biểu đồ theo vùng đa chuỗi được tạo bằng JavaScript. Bạn cũng có code JavaScript mẫu để chỉnh sửa trong trình duyệt hoặc lưu về máy chạy nội bộ.
-
Ví dụ bên dưới minh họa một mẫu biểu đồ JavaScript dạng xếp chồng cùng với mã nguồn HTML. Bạn có thể chỉnh sửa code trong trình duyệt hoặc lưu về máy để chạy nội bộ.
-
Biểu đồ JavaScript này chứa các điểm dữ liệu có thể kéo bằng chuột để cập nhật giá trị của nó. Dưới đây là code mẫu tạo biểu đồ JavaScript có thể kéo cột để xem thay đổi trực tiếp.