Javascript 将日期对象插入json

我有这个

json

，我需要使用

amCharts

折线图

        var chartData = [{
            date: "2009/10/2",
            value: 5,
            name: 5
        }, {
            date: "2009/10/3",
            value: 15,
            name: 5

        }, {
            date: "2009/10/4",
            value: 13,
            name: 10
        }, {
            date: "2009/10/5",
            value: 17,
            name: 30
        }, {
            date: "2009/10/6",
            value: 15,
            name: 5
        }, {
            date: "2009/10/7",
            value: 19,
            name: 5
        }];

为了与

amCharts

兼容，我需要将日期值指定为日期对象，因此我通过以下函数进行了指定：

        function parseDate(){

            for( var i = 0; i < chartData.length; ++i ) {
                var dateArray = chartData[i]["date"].split("/");

                chartData[i]["date"] =  new Date(Number(dateArray[0]), Number(dateArray[1])-1, Number(dateArray[2]));
                window.alert(chartData[i]["date"]);//for debugging purposes
            }
            return chartData;
        }

图表显示出来了，请帮我做这个

非常感谢：）

编辑：生成图形的代码（仅供参考）

试试这个：

function parseDate() {
  for( var i = 0; i < chartData.length; ++i )
    chartData[i]["date"] =  new Date(chartData[i]["date"]);
  return chartData;
}

函数parseDate（）{
对于（变量i=0；i

如果你硬编码

chartData[i][“date”]=new date（2009,10,7）

会发生什么情况？结果相同..我像

new date（2010,10,i）

那样做了，但仍然是一个空图..现在我想知道我生成的图中的cde有什么问题…但是如果我直接用日期对象传递json，效果很好，如图所示：（@mrcode尽管我很希望这样做，但我还是得到了同样的结果..还有空图表：（但谢谢你的回答：）我不知道这是否会有什么不同，但你能试试

chartData[i].date=new date（chartData[i].date）

？嘿…谢谢你..你工作了..甚至我的也工作了..我想是浏览器出了问题..谢谢你的帮助：）：）@PulkitGoyal:我按照你的代码，使用了你的parseDate（）方法，但我仍然没有正确地获取图表。我正在动态地传递值。@PulkitGoyal:忘记在我之前的评论中添加内容，我正在使用IE8。

        AmCharts.ready(function () {

            parseDate();

            // SERIAL CHART    
            chart = new AmCharts.AmSerialChart();
            chart.pathToImages = "../amcharts/images/";
            chart.zoomOutButton = {
                backgroundColor: '#000000',
                backgroundAlpha: 0.15
            };
            chart.dataProvider = chartData;
            chart.categoryField = "date";

            // listen for "dataUpdated" event (fired when chart is inited) and call zoomChart method when it happens
            chart.addListener("dataUpdated", zoomChart);

            // AXES
            // category                
            var categoryAxis = chart.categoryAxis;
            categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
            categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
            categoryAxis.dashLength = 2;
            categoryAxis.gridAlpha = 0.15;
            categoryAxis.axisColor = "#DADADA";


            var i = 0;
            for (var key in chartData[0]) {
                if (key != 'date') {
                    var valueAxis = new AmCharts.ValueAxis();
                    valueAxis.offset = i * 40;
                    valueAxis.dashLength = 4;
                    valueAxis.axisColor = "#FF6600";
                    valueAxis.axisAlpha = 0;
                    chart.addValueAxis(valueAxis);

                    // GRAPH
                    var graph = new AmCharts.AmGraph();
                    graph.valueAxis = valueAxis; // we have to indicate which value axis should be used
                    graph.type = "line";
                    graph.title = "infection # " + i;
                    graph.valueField = key;

                    graph.customBullet = "images/star.gif"; // bullet for all data points
                    graph.bulletSize = 14; // bullet image should be a rectangle (width = height)
                    graph.customBulletField = "customBullet"; // this will make the graph to display custom bullet (red star)
                    chart.addGraph(graph);
                }
                i = i + 1;
            }


            // CURSOR
            var chartCursor = new AmCharts.ChartCursor();
            chartCursor.cursorPosition = "mouse";
            chart.addChartCursor(chartCursor);

            // SCROLLBAR
            var chartScrollbar = new AmCharts.ChartScrollbar();
            chart.addChartScrollbar(chartScrollbar);

            // LEGEND
            var legend = new AmCharts.AmLegend();
            legend.marginLeft = 110;
            chart.addLegend(legend);

            // WRITE
            chart.write("chartdiv");
        });

function parseDate() {
  for( var i = 0; i < chartData.length; ++i )
    chartData[i]["date"] =  new Date(chartData[i]["date"]);
  return chartData;
}