gpt4 book ai didi

javascript - Javascript 中的 Php 变量

转载 作者:行者123 更新时间:2023-11-30 17:10:07 25 4
gpt4 key购买 nike

我正在创建圆环图,但我遇到的问题是我的所有数据都被拉到服务器端。这是具有设置值的图表的 html。我将如何将我的 php 变量作为值回显?

<html>
<head>
<script src="Chart.js"></script>
<style>
body{
padding: 0;
margin: 0;
}
#canvas-holder{
width:25%;
}
</style>
</head>
<body>
<div id="canvas-holder">
<canvas id="chart-area" width="500" height="500"></canvas>
</div>
<script>
var doughnutData = [
{
value: 500,
color:"#941616",
highlight: "#FF0000",
label: "Needs Agreement"
},

{
value: 500,
color: "#575757",
highlight: "#777777",
label: "Pre-Production"
},

{
value: 500,
color: "#aaaaaa",
highlight: "#cccccc",
label: "In Production"
}
];
window.onload = function(){
var ctx = document.getElementById("chart-area").getContext("2d");
window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
};
</script>
</body>
</html>

我的 php 代码通过 api 获取所需的数据,然后将每个值存储在一个变量中,例如。

<?php
$needs_agreement = 148000;
$pre_produciton = 137000;
$in_production = 3678000;
?>

同样,回显值高于 php 变量的最佳方法是什么?

更新:

var doughnutData = [
{
value: <?php echo $needs_agreement ?>,
color:"#941616",
highlight: "#FF0000",
label: "Needs Agreement"
},

{
value: <?php echo $pre_production ?>,
color: "#575757",
highlight: "#777777",
label: "Pre-Production"
},

{
value: <?php echo $in_production ?>,
color: "#aaaaaa",
highlight: "#cccccc",
label: "In Production"
}
];

建议作为答案的上述代码无效。

最佳答案

没有什么能阻止您在 javascript 中间简单地回显 PHP 变量。

<script>
var doughnutData = [
{
value: <?php echo $some_data ?>,
color:"#941616",
highlight: "#FF0000",
label: "Needs Agreement"
}
</script>

在将文档发送到浏览器之前会处理所有 PHP,因此 javascript 将在客户端执行时完成。

关于javascript - Javascript 中的 Php 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27195491/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com