Chartjs-How to read and plot json with Chart.js

by

0👍

✅

The problem is with the JSON file. You should use quotation marks (“).

Here is the correct JSON file:

{
    "labels": ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    "datasets": [{
        "label": "# of Votes",
        "data": [20, 19, 3, 5, 2, 3],
        "backgroundColor": [
            "rgba(255, 99, 132, 0.2)",
            "rgba(54, 162, 235, 0.2)",
            "rgba(255, 206, 86, 0.2)",
            "rgba(75, 192, 192, 0.2)",
            "rgba(153, 102, 255, 0.2)",
            "rgba(255, 159, 64, 0.2)"
        ],
        "borderColor": [
            "rgba(255,99,132,1)",
            "rgba(54, 162, 235, 1)",
            "rgba(255, 206, 86, 1)",
            "rgba(75, 192, 192, 1)",
            "rgba(153, 102, 255, 1)",
            "rgba(255, 159, 64, 1)"
        ],
        "borderWidth": 1
    }]
}

0👍

Please change your PHP to:

<?php
header("Content-Type: application/json");
echo file_get_contents("test.json");

Leave a comment