数组在Chartjs

时间:2016-10-27 07:10:04

标签: javascript php jquery arrays chart.js

我正在使用PHP(版本7),JQuery和ChartJS与我的外部ERP(Tally.ERP9)进行数据集成项目。我从Tally.ERP9通过ODBC提取数据并将行作为数组提取。我还使用以下代码将PHP数组变量转换为JavaScript数组变量

<script type="text/javascript">
var test = '<?php 
    $stks = array_values($stocks);
    echo json_encode($stks);

 ?>';

var test2 = '<?php 
    $qtys = array_values($qty);
    $armap = array_map('intval', $qtys);
    echo json_encode($armap);

?>';</script>

然后我在JavaScript中调用变量,如下所示,

        $(document).ready(function(){
        var ctx = $("#pie-container").get(0).getContext("2d");

        alert(test);
        alert(test2);

        var data = {
      labels : test,
datasets: [
    {
        label: "My First dataset",
        fill: true,
        lineTension: 0.1,
        backgroundColor: "rgba(75,192,192,0.4)",
        borderColor: "rgba(75,192,192,1)",
        borderCapStyle: 'butt',
        borderDash: [],
        borderDashOffset: 0.0,
        borderJoinStyle: 'miter',
        pointBorderColor: "rgba(75,192,192,1)",
        pointBackgroundColor: "#fff",
        pointBorderWidth: 1,
        pointHoverRadius: 5,
        pointHoverBackgroundColor: "rgba(75,192,192,1)",
        pointHoverBorderColor: "rgba(220,220,220,1)",
        pointHoverBorderWidth: 2,
        pointRadius: 1,
        pointHitRadius: 10,
        data: test2,
        spanGaps: false,
    }
]};
        var piechart = new Chart(ctx,{type:'line',data:data});
    });

同时警告其将所需数组作为输出,enter image description here
enter image description here

但在将它们作为数组传递给chartJS时,抛出以下错误。

enter image description here
请告诉我我在哪里做错了。但我确定chart.js正在使用我自己编写的样本数组。
enter image description here

请指导我如何通过在Chartjs中传递数组变量来实现上面的图表,在此先感谢!

0 个答案:

没有答案