我对 .js 文件及其使用不熟悉,我正在尝试更新使用 JS 的图表。我需要或尝试做的是从数据库导入信息,以便在 JS 文件中使用它来填充图表。这是图表代码和文件名。
文件名 charjs_custom.js
/*Polar chart*/
var polarElem = document.getElementById("polarChart");
var data3 = {
datasets: [{
data: [
20,
16,
7,
3,
40
],
backgroundColor: [
"#7E81CB",
"#1ABC9C",
"#B8EDF0",
"#B4C1D7",
"#01C0C8"
],
hoverBackgroundColor: [
"#a1a4ec",
"#2adab7",
"#a7e7ea",
"#a5b0c3",
"#10e6ef"
],
label: 'My dataset' // for legend
}],
labels: [
"Blue",
"Green",
"Light Blue",
"grey",
"Sea Green"
]
};
new Chart(polarElem, {
data: data3,
type: 'polarArea',
options: {
elements: {
arc: {
borderColor: ""
}
}
}
});
我需要使用数据库中的信息来更改“数据”和“标签”部分,根据我所读到的内容,我需要创建一个 php 文件来检索信息,但是我如何将其转换为 JS 以及如何告诉它在 JS 文件中使用哪些信息。还链接“数据”和“标签”部分,以便信息与我的表格相对应
我想使用的表是:make: id~count
文件名chart_test.php
<?php
//database
$host="my_host"; // Host name
$username="my_username"; // Mysql username
$password="my_password"; // Mysql password
$db_name="my_database"; // Database name
//get connection
$mysqli = new mysqli($host, $username, $password, $db_name);
if(!$mysqli){
die("Connection failed: " . $mysqli->error);
}
//query to get data from the table
$query = sprintf("SELECT * FROM bureau GROUP BY make ");
//execute query
$result = $mysqli->query($query);
//close connection
$mysqli->close();
//now print the data
print json_encode($data);
?>
最佳答案
您可以使用 JSON 格式在 php 后端和 js 前端之间交换数据。不过我强烈建议你使用nodejs作为后端服务。它将与您的 js 代码无缝集成。
关于javascript - 将数据库中的数据导入到JS文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46795526/