如何在js数组中引用php变量

Question

我想在php的网页中画折线图，折线图的代码是网上下载来的。
php文件中获得这几个参数，想要导入到折线图中。

echo 'D1 = ' . $sum_D1;
echo '<br />';
echo 'D2 = ' . $sum_D2;
echo '<br />';
echo 'I1 = ' . $sum_I1;
echo '<br />';
echo 'I2 = ' . $sum_I2;
echo '<br />';
echo 'S1 = ' . $sum_S1;
echo '<br />';
echo 'S2 = ' . $sum_S2;
echo '<br />';
echo 'C1 = ' . $sum_C1;
echo '<br />';
echo 'C2 = ' . $sum_C2;

折现图通过下面这个div自动生成的

<div class="container" style="text-align:center;clear:both">
    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
    <script src="/follow.js" type="text/javascript"></script>
</div>
<script src="js/d3.v3.min.js"></script>
<script src="js/index.js"></script>

折线图中的数据保存在index.js文件的data数组中，我想把php中的这几个变量导入到data数组中。

var data =     [
    [{'x':1,'y':0},{'x':2,'y':5},{'x':3,'y':10},{'x':4,'y':0}],
    [{'x':1,'y':1},{'x':2,'y':6},{'x':3,'y':11},{'x':4,'y':1}]
];

自己试了一些方法行不通。

var data =     [
    [{'x':1,'y':'<?php echo $sum_D1;?>'},{'x':2,'y':'<?php echo $sum_I1;?>'},{'x':3,'y':'<?php echo $sum_C1;?>'},{'x':4,'y':'<?php echo $sum_S1;?>'}],
    [{'x':1,'y':'<?php echo $sum_D2;?>'},{'x':2,'y':'<?php echo $sum_I1;?>'},{'x':3,'y':'<?php echo $sum_C1;?>'},{'x':4,'y':'<?php echo $sum_S1;?>'}]
];

求教各位怎么能让js文件的data数组获得php的变量，谢谢！

Answer 1

首先看文件是不是PHP文件，然后最好是在后端把数据拼凑好传到前端。再然后推荐使用echarts

Answer 2

var data = <?json_encode($php_array)?>;

Answer 3

js 文件会被服务器当做静态文件直接返回给浏览器的，所以你放在.js文件里PHP是不会被解析的

Answer 4

非要这样写么，这样太容易出错，也非常难维护，数据一多一复杂怎么办，你一个个的 PHP 标签去维护么？建议参考楼上几位的方法去改