Круговая диаграмма не полный

Question

Я пытаюсь сделать пирог из этого JSON данных:

[{"status":"Received","number":"2"},{"status":"In Progress","number":"1"}] 

Вот моя функция:

function createChart() { 
$("#chart").kendoChart({ 
    theme: $(document).data("kendoSkin") || "default", 
    dataSource: { 
     transport: { 
      read: { 
       url: "http://dev.openbill.co.uk/admin/crud/projects/chart.json.php", 
       dataType: "json" 
      }, 
     }, 
     sort: { 
      field: "status", 
      dir: "asc" 
     }, 
    }, 
    chartArea: { 
     height: 125, 
     width: 125 
    }, 
    legend: { 
     visible: false 
    }, 
    seriesDefaults: { 
     type: "pie" 
    }, 
    series: [{ 
     field: "number", 
     categoryField: "status", 
     padding: 10 
    }], 
    tooltip: { 
     visible: true, 
     template: "#= dataItem.status #: #= dataItem.number #" 
    } 
}); 

}

Интересно, хотя, только пирог занимает 1/4 круга. Я играл с цифрами, чтобы попытаться вырасти и сжать их, но я просто не могу заставить эту вещь заняться более чем 1/4 пирога.

Может кто-нибудь, пожалуйста, сообщите мне, что я делаю неправильно?

Answer 1

В вашей декларации график серии вы указали, что поле Номер типа:

series: [{ 
     field: "number", 
     categoryField: "status", 
     padding: 10 
    }], 

Но на самом деле в вашем JSON поле состояния является строкой. Измените его на число (удалите двойные кавычки), и он должен начать работать.

[{"status":"Received","number":2},{"status":"In Progress","number":1}]