Sử dụng Google Biểu đồ
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Biểu đồ của Google cung cấp một cách hoàn hảo để hình ảnh hóa dữ liệu trên trang web của bạn.
Từ biểu đồ dạng đường đơn giản đến bản đồ cây phân cấp phức tạp, thư viện biểu đồ cung cấp một số lượng lớn các loại biểu đồ sẵn sàng để sử dụng.
Cách phổ biến nhất để sử dụng Google Biểu đồ là dùng JavaScript đơn giản để nhúng vào trang web. Bạn tải một số thư viện Google Graph,
liệt kê dữ liệu cần lập biểu đồ, chọn các tùy chọn để tùy chỉnh biểu đồ của bạn và cuối cùng tạo một đối tượng biểu đồ bằng một id mà bạn chọn.
Sau đó, trong trang web, bạn sẽ tạo một <div> với id đó để hiển thị Biểu đồ của Google.
Đó là tất cả những gì bạn cần để bắt đầu.
Các biểu đồ sẽ xuất hiện dưới dạng lớp JavaScript và Google Chart cung cấp nhiều loại biểu đồ để bạn sử dụng.
Giao diện mặc định thường là tất cả những gì bạn cần và bạn luôn có thể tùy chỉnh biểu đồ để phù hợp với giao diện trang web của mình. Các biểu đồ có tính tương tác cao và hiển thị các sự kiện cho phép bạn kết nối các trang này với nhau để tạo trang tổng quan phức tạp hoặc các trải nghiệm khác được tích hợp với trang web của bạn.
Các biểu đồ được hiển thị bằng công nghệ HTML5/SVG để cung cấp khả năng tương thích trên nhiều trình duyệt (bao gồm VML cho các phiên bản IE cũ) và khả năng di chuyển qua nhiều nền tảng từ iPhone, iPad và Android. Người dùng của bạn sẽ không bao giờ phải lộn xộn với các trình bổ trợ hay bất kỳ phần mềm nào.
Nếu có trình duyệt web, họ có thể xem biểu đồ của bạn.
Tất cả các loại biểu đồ được điền sẵn dữ liệu bằng cách sử dụng lớp DataTable,
giúp bạn dễ dàng chuyển đổi giữa các loại biểu đồ khi thử nghiệm để tìm ra giao diện lý tưởng.
DataTable cung cấp các phương thức sắp xếp, sửa đổi và lọc dữ liệu, đồng thời có thể được điền trực tiếp từ trang web, cơ sở dữ liệu hoặc bất kỳ nhà cung cấp dữ liệu nào hỗ trợ giao thức Nguồn dữ liệu cho công cụ biểu đồ.
(Giao thức đó bao gồm ngôn ngữ truy vấn giống như SQL và được triển khai bởi Bảng tính Google, Google Fusion Tables và các nhà cung cấp dữ liệu bên thứ ba như SalesForce.
Bạn còn có thể triển khai giao thức trên trang web của mình và trở thành nhà cung cấp dữ liệu cho các dịch vụ khác.)
Bạn đã sẵn sàng tạo biểu đồ đầu tiên chưa? Hãy truy cập vào phần bắt đầu nhanh.
Chúng tôi liên tục phát triển các công cụ của mình để đáp ứng tốt hơn nhu cầu của bạn. Chúng tôi dựa vào ý kiến phản hồi của bạn để giúp chúng tôi sắp xếp thứ tự ưu tiên cho các tính năng.
Tham gia
nhóm thảo luận của chúng tôi.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2024-07-10 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2024-07-10 UTC."],[[["\u003cp\u003eGoogle Charts offers a wide variety of interactive and customizable chart types to visualize data on your website.\u003c/p\u003e\n"],["\u003cp\u003eEmbedding charts is straightforward using simple JavaScript that loads libraries, specifies data, customizes options, and creates a chart object within a div element.\u003c/p\u003e\n"],["\u003cp\u003eCharts are highly interactive, supporting events, dashboards, and integration with web pages for enhanced user experiences.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Charts uses HTML5/SVG technology for cross-browser and cross-platform compatibility, ensuring accessibility for all users.\u003c/p\u003e\n"],["\u003cp\u003eData population is handled by the DataTable class, enabling easy switching between chart types and providing methods for data manipulation and sourcing.\u003c/p\u003e\n"]]],[],null,["# Using Google Charts\n\nGoogle Charts provides a perfect way to visualize data on your website.\nFrom simple line charts to complex hierarchical tree maps, the\n[chart gallery](/chart/interactive/docs/gallery)\nprovides a large number of ready-to-use chart types.\n\nThe most common way to use Google Charts is with simple JavaScript\nthat you embed in your web page. You load some Google Chart libraries,\nlist the data to be charted, select options to customize your chart,\nand finally create a chart object with an id that you choose.\nThen, later in the web page, you create a \\\u003cdiv\\\u003e\nwith that id to display the Google Chart.\n\nThat's all you need to [get started](/chart/interactive/docs/quick_start).\n\nCharts are exposed as JavaScript classes, and Google Charts provides\n[many chart types](/chart/interactive/docs/gallery) for you to use.\nThe default appearance will usually be all you need, and you can always\n[customize a chart](/chart/interactive/docs/customizing_charts)\nto fit the look and feel of your website. Charts are highly interactive and expose\n[events](/chart/interactive/docs/events) that let you connect them to create complex\n[dashboards](/chart/interactive/docs/gallery/controls) or other experiences\n[integrated with your\nwebpage](/chart/interactive/docs/examples#full_html_page_example).\nCharts are rendered using HTML5/SVG technology to provide cross-browser compatibility\n(including VML for older IE versions) and cross platform portability to iPhones,\niPads, and Android. Your users will never have to mess with plugins or any software.\nIf they have a web browser, they can see your charts.\n\nAll chart types are populated with data using the\n[DataTable](/chart/interactive/docs/reference#DataTable) class,\nmaking it easy to switch between chart types as you experiment to find the ideal appearance.\nThe DataTable provides methods for sorting, modifying, and filtering data, and can be\npopulated directly from your web page, a database, or any data provider supporting the\n[Chart Tools Datasource](/chart/interactive/docs/queries) protocol.\n(That protocol includes a SQL-like query language and is implemented by Google Spreadsheets,\nGoogle Fusion Tables and third party data providers such as SalesForce.\nYou can even implement the protocol on your own website and become a data provider\nfor other services.)\n\n**Ready to create your first chart? Visit the\n[quickstart](/chart/interactive/docs/quick_start).**\n\nOur tools are constantly evolving to better address your needs;\nwe depend on your feedback to help us prioritize which features to include.\nJoin our [discussion group](http://groups.google.com/group/google-visualization-api)."]]
