Biểu đồ đường trong PHP mysql

Question

Trong blog này, tôi xin chia sẻ với các bạn cách triển khai google line chart trong php. Chúng tôi sẽ hiển thị tạo biểu đồ đường google động trong php và mysql. Tạo một biểu đồ đơn giản bằng google chart api với php mysql. trong hướng dẫn này tôi sẽ tìm hiểu bạn cách tạo biểu đồ đường google bằng cách sử dụng google api trong php với mysql

Trong ví dụ này, tôi đang tạo biểu đồ khung phổ biến. và tôi sẽ hiển thị tổng mức độ phổ biến cho khung bằng cách sử dụng biểu đồ dòng google trong php với mysql

Ở đây tôi sẽ cung cấp cho bạn ví dụ đầy đủ để tạo biểu đồ đường google động bằng cách sử dụng google api trong php, vì vậy hãy làm theo từng bước dưới đây

Bước 1. Tạo bảng

CREATE TABLE `framework` (
  `id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
  `name` varchar(70) NOT NULL,
  `number` int(11) NOT NULL,
  `timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=latin1

Bước 2. Cấu hình

Tạo cấu hình. tệp php để cấu hình cơ sở dữ liệu

cấu hình. php

    $host = "localhost"; /* Host name */
    $user = "root2"; /* User */
    $password = "root"; /* Password */
    $dbname = "post_data"; /* Database name */
    $con = mysqli_connect($host, $user, $password,$dbname);
    // Check connection
    if (!$con) {
     die("Connection failed: " . mysqli_connect_error());
    }
    $chartQuery = "SELECT * FROM column_chart";
    $chartQueryRecords = mysqli_query($con,$chartQuery);
?>

Bước 3. HTML & PHP

Ở bước này, bạn có thể sử dụng google line chart api và tạo google line chart trong file này. Hiển thị hồ sơ từ bảng nhân viên và tạo biểu đồ đường google với bảng kiểm tra

Biểu diễn dữ liệu bằng biểu đồ đường được sử dụng để hiển thị xu hướng của một chủ đề hoặc dữ liệu nhất định cho một khóa học cụ thể. Biểu diễn dữ liệu bằng biểu đồ đường thường được google sử dụng trong hầu hết các sản phẩm của họ, ví dụ: google trends và google analytics

Điều này hiển thị dữ liệu đại diện cho người dùng bằng biểu đồ đường hoặc biểu đồ là một cách được đề xuất và nó cho phép người dùng xem tiến trình của dữ liệu đang được theo dõi. Các biểu đồ đường biểu thị rõ ràng nơi có các đỉnh cao và xu hướng tăng hay giảm

Trọng tâm của bài viết này là mô tả cách bạn có thể tạo biểu đồ đường bằng PHP và MySQL có dữ liệu được lưu trữ trong cơ sở dữ liệu

Bài viết này là phần tiếp theo của bài viết trước mà chúng tôi đã thảo luận về cách tạo biểu đồ đường bằng PHP và MySQL, theo đó chúng tôi đã nhấn mạnh chi tiết những gì được yêu cầu và chức năng của từng chức năng

Đối với bài viết này, chúng tôi sẽ trực tiếp chỉ cho bạn cách tạo biểu đồ đường trên trang web

Trước tiên, bạn cần thêm tệp JavaScript của trình tải biểu đồ do gstatic cung cấp vào phần đầu trang web của bạn

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

Tiếp theo, bạn sẽ cần xác định nơi biểu đồ đường sẽ được hiển thị sau khi được tạo

Chúng tôi sử dụng div và gán cho nó một id mà chúng tôi sẽ liên kết với nó sau khi biểu đồ đường được tạo

<!--location where the line chart will be displayed-->
        <div id="line-chart-location">
        </div>

Tiếp theo, bạn sẽ cần chuẩn bị sẵn dữ liệu trong cơ sở dữ liệu MySQL mà bạn muốn hiển thị trong biểu đồ đường

Đối với bài viết này, chúng tôi đang sử dụng một bảng để lưu người đăng ký và chúng tôi sẽ nhóm chúng theo tháng để chúng tôi có thể theo dõi xu hướng hàng tháng

</head>

<body>

<?php

$chkresults = mysqli_query($con,"SELECT MONTH(subscribed_on) AS subscriber_month, COUNT(*) AS subscriber_count FROM subscribers GROUP BY MONTH(subscribed_on)");

?>

google.charts.load('current', {'packages':['Line']});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = google.visualization.arrayToDataTable([

['Month','Subscribers'],

<?php

while($row=mysqli_fetch_assoc($chkresults)){

echo "['".$row["subscriber_month"]."',".$row["subscriber_count"]."],";

}

?>

]);

var options = {

chart: {

title: '',

},

bars: 'vertical',

vAxis: {format: 'decimal'},

height: 300,

colors: ['#d95f02']

};

var chart = new google.charts.Line(document.getElementById('line-chart-location'));

chart.draw(data, google.charts.Line.convertOptions(options));

}

</script>

</div>

</body>

</html>

Hình ảnh sau đây cho thấy kết quả của đoạn mã trên

How to generate line charts using PHP and MySQL

Bạn có thể sử dụng dữ liệu tùy chỉnh của riêng mình và lưu ý hành vi của biểu đồ đường. Nó hoạt động với dữ liệu thời gian thực bất cứ khi nào tuân thủ đúng quy trình. Đó là cách chúng tôi tạo biểu đồ đường bằng PHP, MySQL và JavaScript

programming php