e.DataItem in click event returns Undefined when using Date Series Chart

[Supriya]

code sample below.

<link href="/Content/kendo.common.min.css" rel="stylesheet"/>
<link href="/Content/kendo.dataviz.min.css" rel="stylesheet"/>
<link href="/Content/kendo.default.min.css" rel="stylesheet"/>

<script src="/Scripts/jquery-1.8.2.js"></script>
<script src="/Scripts/kendo.all.min.js"></script>
<script src="/Scripts/kendo.aspnetmvc.min.js"></script>

<div id="chart" style="width: 350px; height: 250px;"></div>
<script type="text/javascript">
    var salesData = [{
        DOB: new Date("2011/11/1"),
        EmployeeID: 1,
        sales1: 2000
    }, {
        DOB:new Date("2011/11/2"),
        EmployeeID: 2,
        sales1: 2250
    }, {
        DOB: new Date("2011/11/3"),
        EmployeeID: 3,
        sales1: 1550
    }]

    $(document).ready(function () {
        $("#chart").kendoChart({
            title: {
                text: "Employee Sales"
            },
            dataSource: {
                data: salesData
            },
            series: [{
                type: "column",
                field: "sales1",
                name: "Sales in Units"
            }],
            categoryAxis: {
                field: "DOB"
            },
            tooltip: {
                visible: true,
                format: "{0}"
            },
            seriesClick: onSeriesClick
        });
    });


    function onSeriesClick(e) {
        //console.log(e);
        alert("Employee ID is: " + e.dataItem.EmployeeID);
    }
        </script>

if I change the code to below it works
Note The data fields are changed to string

<script type="text/javascript">
    var salesData = [{
        DOB: "2011/11/1",
        EmployeeID: 1,
        sales1: 2000
    }, {
        DOB:"2011/11/2",
        EmployeeID: 2,
        sales1: 2250
    }, {
        DOB: "2011/11/3",
        EmployeeID: 3,
        sales1: 1550
    }]

    $(document).ready(function () {
        $("#chart").kendoChart({
            title: {
                text: "Employee Sales"
            },
            dataSource: {
                data: salesData
            },
            series: [{
                type: "column",
                field: "sales1",
                name: "Sales in Units"
            }],
            categoryAxis: {
                field: "DOB"
            },
            tooltip: {
                visible: true,
                format: "{0}"
            },
            seriesClick: onSeriesClick
        });
    });


    function onSeriesClick(e) {
        //console.log(e);
        alert("Employee ID is: " + e.dataItem.EmployeeID);
    }
        </script>

[Supriya]

Further review indicated that this issue was only with the library version 2013.2.918
If I switched to version 2013.1.514 it worked fine

http://jsbin.com/IVUHUcUt/1/ using version 2013.1.514
http://jsbin.com/IjuTaWO/1/ using version 2013.2.918

[Supriya]

seems like there is an issue   dataviz.min.js

see http://jsbin.com/iXAWatoB/1/edit

if you use <script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.dataviz.min.js "></script> and click on the graph the alert displays the correct JSON object

if you use <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.dataviz.min.js "></script> and click on the graph the JSON object contents are incomplete.

[Iliana Dyankova]

Hi Supriya,

I already replied to the same question in your support ticket, however I am pasting my reply here too:

There is an issue in Kendo UI version 2013.2.918 and it is not possible to reach the original data through the dataItem when dates are used. The good news is that our developers have managed to address it and the fix is included in Kendo UI Q3 2013 official release (which is already available for downloading from your account). Please test your application using the latest version of the product and let me know if you still observe any problems.

Regards,
Iliana Nikolova
Telerik