This is a migrated thread and some comments may be shown as answers.

can't plot data with categoryAxis type=Date

6 Answers 161 Views

Charts

This is a migrated thread and some comments may be shown as answers.

Olga asked on 29 May 2013, 07:03 AM

Hello!

My Chart uses a rest API as datasource, here is sample response:
[{"us":5602,"them":6050,"Date":"2013-05-01T00:00:00"},
{"us":7192,"them":7120,"Date":"2013-04-01T00:00:00"},
{"us":6722,"them":7058,"Date":"2013-03-01T00:00:00"}]

I'm declaring lines chart with
categoryAxis: {
field: "Date",
type: "Date" ,
baseUnit: "month"
}
and I get empty chart.
If I comment out
categoryAxis: {
field: "Date"
/*,
type: "Date" ,
baseUnit: "month" */
}
then chart data is plotted (yaay!) but category axis looks really silly with lables like "2013-03-01T00:00:00"

What I'm missing here?
I've put sample here: http://jsbin.com/iqiqat/1/edit

Thanks a lot!

KendoUI ver: 2013.1.319

6 Answers, 1 is accepted

answered on 06 Jun 2013, 09:38 AM

i also have question, But my chart datasource is binding remote data ,my js is
function createChart() {
            $("#chart").kendoChart({
                dataSource: {
                    transport: {
                        read: {
                            url: '/MeasureStat/HeatUnitConsume/HeatUnitConsumeOfBuildingReport/',
                            dataType: "json"
                        }
                        //, sort: {
                        //    field: "CaptureDateString",
                        //    dir: "asc"
                        //}
                    }
                },
                title: {
                    text: "Spain electricity production (GWh)"
                },
                legend: {
                    position: "top"
                },
                seriesDefaults: {
                    type: "line"
                },
                series:
                [{
                    field: "HeatUnitConsumeValue",
                    name: "Nuclear"
                }],
                categoryAxis: {
                    field: "CaptureDateString",
                    type: "date",
                    //baseUnit: "weeks",
                },
                valueAxis: {
                    labels: {
                        format: "N2"
                    },
                    majorUnit: 0.1
                },
                tooltip: {
                    visible: true,
                    format: "N2"
                }
            }).data("kendoChart");
        }