THỐNG KÊ TRONG PHP

Cho dù có bao nhiêu ngôn ngữ phía máy chủ xuất hiện, không có gì có thể thay thế PHP. Ít nhất là không trong tương lai gần. PHP vẫn là xương sống của nhiều ứng dụng web nổi tiếng nhất.

Bạn đang xem: Thống kê trong php

Nếu bạn là một nhà phát triển phụ trợ và PHP là một phần của ngăn xếp công nghệ của bạn, bạn sẽ thấy hướng dẫn này hữu ích. Trong phần này, tôi sẽ thực hiện quy trình từng bước để tạo các biểu đồ đẹp bằng cách sử dụng PHP , thư viện biểu đồ JavaScript cốt lõi của FusionCharts và trình bao bọc biểu đồ PHP của nó .

Đây là những gì chúng tôi đang thực hiện ngày hôm nay (xem phiên bản trực tiếp tại đây ):

Quy trình bốn bước mà chúng tôi sẽ làm theo:

Bước 0: Chuẩn bị dữ liệu

Bước 1: Bao gồm các tệp JS và PHP

Bước 2: Tạo đối tượng biểu đồ

Bước 3: Hiển thị biểu đồ

Bước 0: Chuẩn bị dữ liệu

Vì bạn cần phải có dữ liệu trước khi bắt đầu lên kế hoạch trực quan hóa nó, tôi gọi bước này là bước 0 thay vì bước 1.

FusionCharts hiểu cả định dạng dữ liệu XML và JSON, nhưng chúng tôi sẽ chỉ sử dụng JSON cho hướng dẫn này. Chúng tôi sẽ bắt đầu hướng dẫn của mình bằng cách chuyển đổi dữ liệu bên dưới thành cặp khóa-giá trị JSON được FusionCharts công nhận.

tháng	Doanh thu
Tháng 10	490000
Tháng 11	900000
Tháng 12	730000

Dưới đây là biểu diễn JSON của dữ liệu trên:

< {"label": "Oct", "value": "490000"}, {"label": "Nov", "value": "900000"}, {"label": "Dec", "value": "730000"}>Chúng tôi sẽ vẽ biểu đồ thanh bằng cách sử dụng dữ liệu trên và định dạng chúng tôi đã làm ở trên là đủ tốt cho nó. Nó có thể là một chút phức tạp cho các loại biểu đồ khác.

Bước 1: Bao gồm cả phụ thuộc

Trong bước này, chúng tôi sẽ bao gồm thư viện JavaScript cốt lõi của FusionCharts và trình bao bọc biểu đồ PHP của nó .

Đây là cách chúng tôi làm điều đó:

Bước 2: Tạo đối tượng biểu đồ

Bây giờ chúng tôi sẽ tạo một đối tượng cho biểu đồ của chúng tôi $coolChartbằng cách sử dụng lớp PHP Wrapper của FusionCharts. Cú pháp tạo đối tượng biểu đồ như sau:

$objectName = new FusionCharts("chart type", "unique chart ID", "Chart Width", "Chart Height", "HTML Element for Chart", "Chart Data Format", "Data Source");Đây là đối tượng biểu đồ cho biểu đồ mà chúng ta đang thực hiện trong hướng dẫn này:

$coolChart = new FusionCharts("bar2d", "myCoolPHPChart", "100%", "600", "barchart-container", "json", '{ "chart": { "caption": "Monthly revenue for Q4 - 2015", "xAxisName": "Month", //Other Chart Options }, "data": <{ "label": "Oct", "value": "490000" } //More Chart Data }');Nguồn dữ liệu của Nhật Bản được đề cập trong cú pháp trên có chứa 2 đối tượng:

Đối tượng biểu đồ : Nó bao gồm các thuộc tính khác nhau chịu trách nhiệm cho tương tác biểu đồ và mỹ phẩm. Một số trong số họ được giải thích như dưới đây:

showHoverEffect: (Boolean) Nó được sử dụng để bật hoặc tắt hiệu ứng di chuột trong biểu đồ.

plotFillHoverColor: (Mã Hex / Tên màu) Nó được sử dụng để xác định màu vẽ trên di chuột.

Xem thêm: Cách Cắm Hoa Huệ Đỏ Để Bàn Thờ, 45 Cắm Hoa Bàn Thờ Ý Tưởng

plotFillHoverAlpha: (Int) Nó được sử dụng để xác định độ trong suốt của màu di chuột.

baseFont: (Chuỗi) Nó được sử dụng để xác định họ phông chữ cho biểu đồ.

baseFontSize: (Int) Nó được sử dụng để đặt kích thước phông chữ trên biểu đồ.

baseFontColor: (Mã Hex / Tên màu) Nó được sử dụng để đặt màu phông chữ trên biểu đồ.

Đối tượng dữ liệu : Nó bao gồm các nhãn và các giá trị tương ứng của chúng cho từng ô dữ liệu. Các thuộc tính khác có thể được thêm vào bên trong đối tượng dữ liệu là:

displayValue: (Chuỗi) Nó cho phép bạn đặt giá trị chuỗi tùy chỉnh cho biểu đồ dữ liệu cụ thể.

link: (chuỗi) Nó cho phép bạn đưa chức năng của biểu đồ lên cấp độ tiếp theo bằng cách liên kết biểu đồ dữ liệu với trang web, biểu đồ chi tiết hoặc chức năng JavaScript tùy chỉnh.

showLabel: (Boolean) Nó được sử dụng để bật hoặc tắt hiển thị nhãn cho biểu đồ dữ liệu cụ thể (thanh).

Có hàng tấn tùy chọn có sẵn có thể được sử dụng dựa trên trường hợp sử dụng cụ thể của bạn. Bạn có thể khám phá danh sách thuộc tính biểu đồ khổng lồ này để khám phá thêm.