使用Javascript创建双极图&；PHP_Javascript_Php_Variables_Charts

使用Javascript创建双极图&；PHP

javascript php variables charts

使用Javascript创建双极图&；PHP,javascript,php,variables,charts,Javascript,Php,Variables,Charts,我不熟悉PHP和Javascript，因此可能会有很多新手错误-我正在尝试将4个PHP变量（如“轻度活动”）传递给Javascript并指定值，然后将它们绘制在Javascript图表上。关于我哪里出错有什么建议吗？图表的标签永远不会移动，例如Active和Reflective，因为它们是相反的，并且它们的值保持在维度1中。将值传递给图表的最有效方式是什么？提前谢谢 <?php $dbQuery = $db->prepare("select dimension1, dime

我不熟悉PHP和Javascript，因此可能会有很多新手错误-我正在尝试将4个PHP变量（如“轻度活动”）传递给Javascript并指定值，然后将它们绘制在Javascript图表上。关于我哪里出错有什么建议吗？图表的标签永远不会移动，例如Active和Reflective，因为它们是相反的，并且它们的值保持在维度1中。将值传递给图表的最有效方式是什么？提前谢谢

<?php

    $dbQuery = $db->prepare("select dimension1, dimension2, dimension3, dimension4 FROM indexLearningStyle WHERE studentNumber = '".$currentUser."'");
    $dbQuery-> execute();

    while ($dbRow = $dbQuery->fetch (PDO::FETCH_ASSOC)) {
    $dimension1 = $dbRow["dimension1"];
    $dimension2 = $dbRow["dimension2"];
    $dimension3 = $dbRow["dimension3"];
    $dimension4 = $dbRow["dimension4"]; 

    }

    $stronglyActive = 0;
    $moderatelyActive = 0.16;
    $mildlyActive = 0.32;

    $stronglyReflective = 1.0;
    $moderatelyReflective = 0.84;
    $mildlyReflective = 0.68;

    $stronglySensing = 0;
    $moderatelySensing = 0.16;
    $mildlySensing = 0.32; 

    $stronglyIntuitive = 1.0;
    $moderatelyIntuitive = 0.84;
    $mildlyIntuitive = 0.68;

    $stronglyVisual = 0;
    $moderatelyVisual = 0.16;
    $mildlyVisual = 0.32;

    $stronglyVerbal = 1.0;
    $moderatelyVerbal = 0.84;
    $mildlyVerbal = 0.68;

    $stronglySequential = 0;
    $moderatelySequential = 0.16;
    $mildlySequential = 0.32;

    $stronglyGlobal = 1.0;
    $moderatelyGlobal = 0.84;
    $mildlyGlobal = 0.68;



  ?>
  </body>

  <body class="">

  <br><br>
        <div id="studentILS">
        </div>
  </div>
  <br><br><br>


<!-- scripts -->
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="cssBipolarChart.js"></script>

<script>

    var dimension1 = <?php $dimension1 ?>;
    var dimension2 = <?php $dimension2 ?>;
    var dimension3 = <?php $dimension3 ?>;
    var dimension4 = <?php $dimension4 ?>;

    var stronglyActive = <?php $stronglyActive ?>;
    var moderatelyActive = <?php $moderatelyActive ?>;
    var mildlyActive = <?php $mildlyActive ?>;

    var stronglyReflective = <?php $stronglyReflective ?>;
    var moderatelyReflective = <?php $moderatelyReflective ?>;
    var mildlyReflective = <?php $mildlyReflective ?>;

    var stronglySensing = <?php $stronglySensing ?>;
    var moderatelySensing = <?php $moderatelySensing ?>;
    var mildlySensing = <?php $mildlySensing ?>;

    var stronglyIntuitive = <?php $stronglyIntuitive ?>;
    var moderatelyIntuitive = <?php $moderatelyIntuitive ?>;
    var mildlyIntuitive = <?php $mildlyIntuitive ?>;

    var stronglyVisual = <?php $stronglyVisual ?>;
    var moderatelyVisual = <?php $moderatelyVisual ?>;
    var mildlyVisual = <?php $mildlyVisual ?>;

    var stronglyVerbal = <?php $stronglyVerbal ?>;
    var moderatelyVerbal = <?php $moderatelyVerbal ?>;
    var mildlyVerbal = <?php $mildlyVerbal ?>;

    var stronglySequential = <?php $stronglySequential ?>;
    var moderatelySequential = <?php $moderatelySequential ?>;
    var mildlySequential = <?php $mildlySequential ?>;

    var stronglyGlobal = <?php $stronglyGlobal ?>;
    var moderatelyGlobal = <?php $moderatelyGlobal ?>;
    var mildlyGlobal = <?php $mildlyGlobal ?>;



    var studentResults = [
        ["Active", "Reflective", 0],
        ["Sensing", "Intuitive", 0.16],
        ["Visual", "Verbal", 0.32],
        ["Sequential", "Global", 0.68],
        ["Sequential", "Global", 0.84],
        ["Sequential", "Global", 1.0]
    ]

    $(document).ready(function() {
        $("#studentILS").drawCSSBipolarChart({
            data: studentResults,
            bipolar: true
        })
    })
</script>

正如@Lawrence所提到的，您应该使用数组和正确的标记

以下是您应该尝试的简单代码：

<?php
    //Fetch following values and assign to array
    $stronglyGlobal = 1.0;
    $moderatelyGlobal = 0.84;
    $mildlyGlobal = 0.68;
?>
<!-- Correct opening/closing body-->
<div id="studentILS"></div>
<!-- scripts -->
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="cssBipolarChart.js"></script>

<script>
    //Loop through PHP array & print var in JavaScript
    var stronglyGlobal = <?php echo $stronglyGlobal ?>; //Notice echo over here
    var moderatelyGlobal = <?php echo $moderatelyGlobal ?>;
    var mildlyGlobal = <?php echo $mildlyGlobal ?>;

    var studentResults = [
        ["Sequential", "Global", mildlyGlobal], //Updated values assigned
        ["Sequential", "Global", stronglyGlobal],
        ["Sequential", "Global", moderatelyGlobal]
    ]

    $(document).ready(function() {
        $("#studentILS").drawCSSBipolarChart({
            data: studentResults,
            bipolar: true
        })
    })
</script>


//循环遍历PHP数组&在JavaScript中打印变量
var stronglyGlobal=//注意这里的回声
var中度全局=；
var mildlyGlobal=；
变量studentResults=[
[“顺序”，“全局”，mildlyGlobal]，//分配的更新值
[“顺序”、“全局”、“强全局]，
[“顺序”、“全局”、“中等全局]
]
$（文档）.ready（函数（）{
$（“#studentILS”）。drawCSSBipolarChart({
资料：研究结果，
两极：对
})
})

希望这个答案能给你一些提示。

你有很多变量没有被使用，这让人很困惑，你想在图表中使用哪些变量，为什么不将变量定义到studentResults数组中，或者使用全局设置的变量呢？还有，你的

在开始之前就结束了

：/