kendo-ui - 剑道 UI 雷达图

Question

嗨，我正在尝试制作剑道 UI 雷达图。我想知道正确的格式以显示数据。

    { 
        new {year = year, thisyear = new {satisfaction = pq1, organisation=pq2, expecations=pq3, teaching=pq3, consistent=pq4} }                           //cpe            

    };

        Response.Cache.SetCacheability(HttpCacheability.ServerAndPrivate);
        Response.Cache.SetMaxAge(new TimeSpan(24 * 31, 0, 0));
        return Json(radata, JsonRequestBehavior.AllowGet);¨

这个对吗？

Answer 1

你的问题有点缺乏细节，但如果我理解正确，你可以像这样组织你的数据：

var data = [
    {
      "Criteria": "satisfaction ",
      "Y2015": 5,
      "Y2014": 8
    },
    {
      "Criteria": "organisation",
      "Y2015": 8,
      "Y2014": 7
    },
    {
      "Criteria": "expecations",
      "Y2015": 6,
      "Y2014": 9
    },
    {
      "Criteria": "teaching",
      "Y2015": 7,
      "Y2014": 7
    },
    {
      "Criteria": "consistent",
      "Y2015": 5,
      "Y2014": 9
    },
]

$("#chart").kendoChart({
    title: {
        text: "Survey"
    },
    dataSource: data,
    seriesDefaults: {
        type: "radarLine",
        style: "smooth"
    },
    series: [{
        name: "2015",
        field: "Y2015"
    }, {
        name: "2014",
        field: "Y2014"
    }],
    categoryAxis: {
        field: "Criteria"
    },
    valueAxis: {
      max: 10
    },
    theme: "Fiori"
 });

演示