将JSON与图表js一起使用

Question

我尝试使用json文件并使用www.chartjs.org中的chart.js创建饼图。

这是我的JSON文件：

[
   {
        value: 300,
        color: "#F7464A",
        highlight: "#FF5A5E",
        label: "Red"
    },

    {
        value: 50,
        color: "#46BFBD",
        highlight: "#5AD3D1",
        label: "Green"
    },

    {
        value: 100,
        color: "#FDB45C",
        highlight: "#FFC870",
        label: "Yellow"
    },

    {
        value: 40,
        color: "#949FB1",
        highlight: "#A8B3C5",
        label: "Grey"
    },

    {
        value: 120,
        color: "#4D5360",
        highlight: "#616774",
        label: "Dark Grey"
    }
]

我的javascript代码是：

   $(document).ready(function() {

$.ajax({

    url: "pie.json",
    dataType: "JSON",
    type: "POST",
    cache: false,
    success: function(pieData) {
            var ctx = $("#chart-area").get(0).getContext("2d");
            new Chart(ctx).Pie(pieData);
    }
   });  });

我可以看到JSON文件已在浏览器中加载但由于某种原因未创建图表。 看起来chart.js需要数组，我试图从JSON对象创建一个，但这没有帮助。

请帮忙

由于