javascript - 将重力形式条目值(PHP 和 AJAX)传递到 Google Chart (JS)

Question

这是一个脑筋急转弯。我有一个重力表单(使用 AJAX)，其中有几个单选按钮，并分配了不同的值。当用户选择问题的 5 个按钮选项之一时，它会为该答案分配一个 2 到 5 之间的值。

我希望将该数据传递到 Google 饼图，并在该图表中填充多个答案。我已经设置了拼图的两部分，我需要做的就是将信息从表单获取到我的 JS 文件作为变量。

在你说“重新发布”之前，让我解释一下我的方法:我已经在这里查看了很多关于将 PHP 变量传递给 JS 的帖子。这是我的设置:

在我的functions.php 文件中，我声明了一组7 个变量，它们对应于我的7 个问题。让我们简单一点，仅使用一个示例:

$scoreOne;

然后，在下面(在函数中)，我全局调用该变量并为其分配表单输入的值。

$GLOBALS['scoreOne'] = rgpost('input_18');

在下面(以及前面的函数之外)，我关闭我的 php 标签，并像这样在 JSON 中对变量进行编码:

<script>
    var scoreOneJson = <?php echo json_encode("$scoreOne", JSON_HEX_TAG); ?>;
</script>

转到我的 .js 文件:我正在使用 Google 的饼图可视化 ( https://developers.google.com/chart/interactive/docs/gallery/piechart )

如果我输入直接数字作为变量，图表本身就可以正常工作。但是我们想调用我们刚刚编码的变量:

var data = google.visualization.arrayToDataTable([
['Category', 'Score'],
['Score One', scoreOneJson],
['Score Two', 2],
['Score Three', 3],
]);

但这似乎不起作用。我错过了什么？

Answer 1

或者，您可以使用以下插件 https://wordpress.org/plugins/gf-charts-reports/而不是Google Charts，以便从重力形式数据输出chartjs图表。