从PHP创建Chart.js饼图数据

时间:2015-04-10 20:01:26

标签: javascript php chart.js

我正在使用chart.js,我正在尝试从PHP获取数据,但我遇到了问题。

我有以下代码:

$dataArray = $this->getBlankSupportArray("New");
            $dataArray = $this->getBlankSupportArray("In Progress");
            $dataArray = $this->getBlankSupportArray("Neutralised Parked");
            $dataArray = $this->getBlankSupportArray("Neutralised Pending Shout");
            $dataArray = $this->getBlankSupportArray("Neutralised Pending Shout");
            $dataArray = $this->getBlankSupportArray("Ready To Close");

getBlankSupportArray如下所示:

private function getBlankSupportArray($issueStatus)
        {
            $array[$issueStatus]["value"] = 0;
            $array[$issueStatus]["color"] = "#ffffff";
            $array[$issueStatus]["highlight"] = "#ffffff";
            $array[$issueStatus]["label"] = $issueStatus;
            return $array;
        }

下面是我从mysql结果循环并添加到数组

的数据
while ($myrow = $result->fetch_array())
                {
                    $issueStatus = $myrow["IssueStatus"];
                    $supportOverview[$issueStatus]["value"] = $myrow["COUNT(*)"];
                    $supportOverview[$issueStatus]["color"] = "#F7464A";
                    $supportOverview[$issueStatus]["highlight"] = "#FF5A5E";
                    $supportOverview[$issueStatus]["label"] = $issueStatus;
                }

然后我json_encoding这个数组。

我认为json_encoding正在以不合适的chart.js格式返回数据进行处理。

chart.js的文档说数据对象应采用以下格式

var data = [
    {
        value: 300,
        color:"#F7464A",
        highlight: "#FF5A5E",
        label: "Red"
    },
    {
        value: 50,
        color: "#46BFBD",
        highlight: "#5AD3D1",
        label: "Green"
    },
    {
        value: 100,
        color: "#FDB45C",
        highlight: "#FFC870",
        label: "Yellow"
    }
]

所以我的问题是,如何让PHP生成一个可以发送回javascript并解码传递到chart.js的对象。

您可以提供任何帮助。

3 个答案:

答案 0 :(得分:0)

您需要将JSON中的值转换为数字,JSON将它们编码为字符串。

parseInt() 
Javascript中的

应该可以解决问题。

我也对此感到困惑,让我被困了几个星期。

对于PHP Var

var pie = [{ value: parseInt(<?PHP VARIABLE?>), color: "#F7464A" }]

答案 1 :(得分:0)

您好,我遇到了同样的问题,我找到了解决方案。这是绝对正常的。

我的json数据 [{"week_name":"18","taskcount":"4"},{"week_name":"16","taskcount":"17"},{"week_name":"15","taskcount":"11"},{"week_name":"13","taskcount":"20"}] 所以,

$obj = json_decode($jsonData);

var PieData = [<?php for($i=0;$i<count($obj);$i++){ ?>
{

    value: <?php echo $obj[$i]->taskcount;?>,

    label: 'Week '+<?php echo $obj[$i]->week_name;?>

  },
          <?php } ?>
];

答案 2 :(得分:0)

对于所有仍然想知道如何在Chartjs javascript中将整数PHP变量作为值传递的人,方法如下:

var unicodeRegexp = new Regex(@"\x1f");
var testWord = "our guests will experience \u001favor in an area";
var newWord = unicodeRegexp.Replace(testWord, "text for replacement");

我在Adminlte 3中使用了它-希望对您有所帮助!