0

我正在尝试使用带有 SiteOrigin Page Builder 和 Vantage 主题的 WordPress 中的插件 API 获得的条形值构建一个 js 图表。

我放置了一个带有小 PHP 代码的 PHP 片段小部件，以通过插件 API 获取信息。PHP 片段通过“XYZ PHP 代码”插件添加到 WordPress。

在另一个文本小部件中，我放置了条形图的 js 代码，我试图在其中传递 PHP 变量来为条形值提供数据集。问题是我无法设法将 PHP 变量传递给小部件之间的 js 变量。PHP 代码回显了正确的值，我看到值为 5 的条形图（硬编码值以确认图表向上），但从 PHP 到 js 的值的条形图为空。

有没有正确的方法将 PHP vars 传递给 js vars？

片段小部件中的 PHP 代码：

<?php
$foo1 = pluginAPI($bar1);
$foo2 = pluginAPI($bar2);
echo $foo1;
echo $foo2;
?>

文本小部件中的 JS 代码：

<canvas id="myChart"></canvas>
<script>
var jsvar1 = '<?php echo $foo1; ?>';
var jsvar2 = '<?php echo $foo2; ?>';
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["a","b","c"],
        datasets: [{
            label: 'foobar',
            data: [jsvar1,jsvar2,5],
            backgroundColor: [
                'rgba(54, 162, 235, 0.8)',
                'rgba(54, 162, 235, 0.8)',
                'rgba(54, 162, 235, 0.8)'               
            ],
            borderColor: [
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)'                
            ],
        }]
    },
});
</script>
4

0 回答 0