Nhật ký học tập

Trong bài viết này, chúng ta sẽ cùng khám phá cách tạo column chart nâng cao Hiển thị nhiều series data Dưới đây là column chart, hiển thị data năm 2015 và 2016 anychart.onDocumentReady(function () { // create a data set var data = anychart.data.set([ ["John", 10000, 12500], ["Jake", 12000, 15000], ["Peter", 13000, 16500], ["James", 10000, 13000], ["Mary", 9000, 11000] ]); // map the data var seriesData_1 = data.mapAs({x: 0, value: 1}); var seriesData_2 = data.mapAs({x: 0, value: 2}); // create a chart var chart = anychart.column(); // create the first series, set the data and name var series1 = chart.column(seriesData_1); series1.name("Sales in 2015"); // create the second series, set the data and name var series2 = chart.column(seriesData_2); series2.name("Sales in 2016"); // set the chart title chart.title("

Giới thiệu AnyChart là một thư viện JavaScript mạnh mẽ và linh hoạt để tạo biểu đồ trực quan và tương tác cho các ứng dụng web. Thư viện cung cấp nhiều loại biểu đồ khác nhau, bao gồm Pie and Donut , Column , Bar , Line , Scatter , Cherry , Area , Range Column , Win/Loss Sparklines , Pareto Charts, v.v. AnyChart cũng hỗ trợ nhiều tính năng nâng cao như chú thích, tương tác, xuất biểu đồ sang các định dạng hình ảnh khác nhau, v.v. Homepage: https://www.anychart.com/  Bài viết này sẽ hướng dẫn bạn cách cài đặt và sử dụng AnyChart, đồng thời cung cấp một số ví dụ cơ bản để giúp bạn bắt đầu.  Cài đặt Để tạo 1 chart đầu tiên, bạn cần thêm thư viện anychart: <script src="https://cdn.anychart.com/releases/8.12.1/js/anychart-base.min.js" type="text/javascript"></script> Khai báo 1 container element để chứa chart cần render <div id="container" style="width: 500px; height: 400px;"></div> Đoạn code HTML hoàn chỉnh như sau: <!do