js里面使用php变量,如何在js数组中引用php变量

我想在php的网页中画折线图，折线图的代码是网上下载来的。

php文件中获得这几个参数，想要导入到折线图中。

echo 'D1 = ' . $sum_D1;

echo '
';

echo 'D2 = ' . $sum_D2;

echo '
';

echo 'I1 = ' . $sum_I1;

echo '
';

echo 'I2 = ' . $sum_I2;

echo '
';

echo 'S1 = ' . $sum_S1;

echo '
';

echo 'S2 = ' . $sum_S2;

echo '
';

echo 'C1 = ' . $sum_C1;

echo '
';

echo 'C2 = ' . $sum_C2;

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

折线图中的数据保存在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的变量，谢谢！