Javascript 如何在chart.js中使用JSON数据？

您好，我一直在尝试使用MYSQL数据库中的数据，并使用它们使用chart.js创建图形图表。我将数据编码为JSON数据（通过一个php文件名data1.php），现在我需要使用Jquery或javascript将这些JSON数据转换回数组。。我对AJAX不太了解。。你能帮我吗

php生成JSON数据，如下所示

[{"company_name":"project A","present_worth":"81531.946062978"},{"company_name":"project B","present_worth":"67313.916593765"},{"company_name":"project c","present_worth":"92440.723376746"}]

我需要数组中的当前值

这是用于创建条形图的脚本。。这里给出的不是自定义数据（例如数据：[65,59,90,81,56,55,40]），而是一个包含JSON数据的数组

<script type="text/javascript">

        function bar(){

        var barChartData = {
            labels :["January","February","March","April","May","June","July"],datasets : [
                {
                    fillColor : "rgba(220,280,220,0.5)",
                    strokeColor : "rgba(220,220,220,1)",
                    data : [65,59,90,81,56,55,40]

                },
                {
                    fillColor : "rgba(151,187,205,0.5)",
                    strokeColor : "rgba(151,187,205,1)",
                    data : [28,48,40,19,96,27,100]
                }
            ]
        };
    var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData);
}
</script>

功能条（）{
var barChartData={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，数据集：[
{
填充颜色：“rgba（220280220,0.5）”，
strokeColor:“rgba（2201）”，
数据：[65,59,90,81,56,55,40]
},
{
填充颜色：“rgba（151187205,0.5）”，
strokeColor:“rgba（151187205,1）”，
数据：[28,48,40,19,96,27100]
}
]
};
var myLine=新图表（document.getElementById（“canvas”）.getContext（“2d”））.Bar（barChartData）；
}

我不太确定你的意思是：

var chartjsData = [];
for (var i = 0; i < json.length; i++) {
    chartjsData.push(json[i].present_worth);  
}

var chartjsData=[]；
for（var i=0；i

---

其他注释；）

这是一个JSON数据示例

var data = '{"name":"tom","Second":"smith","age":"20","height":"180"}'

创建一个变量来解析数据

var obj9 = JSON.parse(data);

然后制作另一个变量来存储您的特定数据。（.age，这是相对于您的数据集的，例如名称、.height）

然后可以在图形数据中使用变量cat

data : [cat9,randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]

希望有帮助

了解更多关于JSON的信息

---

那么你想遍历JSON/数组，数据（Chart.js）应该存在吗？看看这里：这是同一个问题。是的，我想使用JSON数据。。提取当前值并将其保存在新数组中，并使用该数组代替数据：[……]

data : [cat9,randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]