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

Я пытаюсь сделать пирог из этих данных 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 части пирога.

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


json kendo-ui kendo-dataviz
person James    schedule 10.11.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

В объявлении серии диаграмм вы указали, что поле имеет номер типа:

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

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

[{"status":"Received","number":2},{"status":"In Progress","number":1}]
person Petur Subev    schedule 11.11.2012
comment
Это сработало - большое спасибо. Просто нужно было добавить JSON_NUMERIC_CHECK в json_encode. - person James; 12.11.2012