我正在使用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的对象。
您可以提供任何帮助。
答案 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中使用了它-希望对您有所帮助!