[英]how to load mysql query to chartjs with php?
i need help, would you guys to help me. 我需要帮助,你们能帮助我吗? this my problem.
这是我的问题。 i have 2 file that's:
我有2个文件是:
this is the source of main.js : 这是main.js的来源:
var ctx = document.getElementById("percent-chart2").getContext("2d");
if (ctx) {
ctx.height = 209;
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
datasets: [
{
label: "My First dataset",
data: [<?php while ($p = mysqli_fetch_array($jumlah)) { echo '"' . $p['jumlah'] . '",';}?>],
backgroundColor: [
'#fa4251',
'#00b5e9'
],
hoverBackgroundColor: [
'#fa4251',
'#00b5e9'
],
borderWidth: [
0, 0
],
hoverBorderColor: [
'transparent',
'transparent'
]
}
],
labels:
[
<?php while ($p = mysqli_fetch_array($severity)) { echo '"' . $p['severity'] . '",';}?>
]
}
and this is the index.php : 这是index.php :
<?php
$koneksi = mysqli_connect("localhost", "root", "waf", "waf");
$severity = mysqli_query($koneksi, "SELECT severity FROM severity order by severity asc");
$jumlah = mysqli_query($koneksi, "SELECT jumlah FROM severity order by severity asc");
?>
if i run the query from mysql the output that i get: 如果我从mysql运行查询,则会得到以下输出:
mysql> SELECT severity FROM severity order by severity asc;
+----------+
| severity |
+----------+
| CRITICAL |
| WARNING |
+----------+
2 rows in set (0.00 sec)
and, 和,
mysql> SELECT jumlah FROM severity order by severity asc;
+--------+
| jumlah |
+--------+
| 35 |
| 35 |
+--------+
2 rows in set (0.00 sec)
when i run the php, nothing happen or appear, just blank page. 当我运行php时,什么也没有发生或没有出现,只是空白页。 what should i do ?
我该怎么办 ? (-_-")
(-_-“)
another question, can i run query mysql from js ? 另一个问题,我可以从js运行mysql查询吗?
thanks.. 谢谢..
It is better you first set the value of $p array in a javascript array in index.php and then use it in main.js. 最好先在index.php中的javascript数组中设置$ p数组的值,然后在main.js中使用它。 for instance:
例如:
<script>
var fields= [<?php while ($p = mysqli_fetch_array($jumlah)) { echo '"' . $p['jumlah'] . '",';} ?>];
</script>
<?php
$koneksi = mysqli_connect("localhost", "root", "waf", "waf");
$severity = mysqli_query($koneksi, "SELECT severity FROM severity order by severity asc");
$jumlah = mysqli_query($koneksi, "SELECT jumlah FROM severity order by severity asc");
?>
main.js main.js
var ctx = document.getElementById("percent-chart2").getContext("2d");
if (ctx) {
ctx.height = 209;
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
datasets: [
{
label: "My First dataset",
data: fields,
backgroundColor: [
'#fa4251',
'#00b5e9'
],
hoverBackgroundColor: [
'#fa4251',
'#00b5e9'
],
borderWidth: [
0, 0
],
hoverBorderColor: [
'transparent',
'transparent'
]
}
],
labels:
[
<?php while ($p = mysqli_fetch_array($severity)) { echo '"' . $p['severity'] . '",';}?>
]
}
notice: main.js files must be called after indx.php 注意:main.js文件必须在indx.php之后调用
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.