javascript - Amcharts - 折线图无法正确显示

Question

自从我尝试这段 amcharts 代码以来已经有一段时间了。直到一周前它都运行良好，但我对我的旧代码进行了一些更改，但没有按预期运行。这是我正在尝试的代码。从此代码生成的图表搞砸了。

    var chartData1 = generateChartData();
    for ( var i = 0; i < chartData1.length; i++) {
      alert(chartData1[i].visits + " --- " + chartData1[i].date);
    }
    var chart = AmCharts.makeChart("chartdiv", {
        "type": "serial",
        "theme": "none",
        "pathToImages": "http://www.amcharts.com/lib/3/images/",
        "dataProvider": chartData1,
        "valueAxes": [{
            "axisAlpha": 0.2,
            "dashLength": 1,
            "position": "left"
        }],
        "graphs": [{
            "id":"g1",
            "balloonText": "[[category]]<br /><b><span style='font-size:14px;'>value: [[value]]</span></b>",
            "bullet": "round",
            "bulletBorderAlpha": 1,
                    "bulletColor":"#FFFFFF",
            "hideBulletsCount": 50,
            "title": "red line",
            "valueField": "visits",
                    "useLineColorForBulletBorder":true
        }],
        "chartScrollbar": {
            "autoGridCount": true,
            "graph": "g1",
            "scrollbarHeight": 40
        },
        "chartCursor": {
            "cursorPosition": "mouse"
        },
        "categoryField": "date",
        "categoryAxis": {
            "parseDates": true,
            "axisColor": "#DADADA",
            "dashLength": 1,
            "minorGridEnabled": true,
             "minPeriod": "ss"
        },
            "exportConfig":{
              menuRight: '20px',
          menuBottom: '30px',
          menuItems: [{
          icon: 'http://www.amcharts.com/lib/3/images/export.png',
          format: 'png'
          }]
            }
    });

    chart.addListener("rendered", zoomChart);
    zoomChart();

    // this method is called when chart is first inited as we listen for "dataUpdated" event
    function zoomChart() {
        // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
        chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
    }


    // generate some random data, quite different range
    function generateChartData() {

      var chartData1 = [];
      var chartData =
                         [{"visits":"145","date":"1394139116"},{"visits":"195","date":"1394138636"},{"visits":"103","date":"1394137411"},{"visits":"147","date":"1394138156"},{"visits":"146","date":"1394139113"}];

      for ( var i = 0; i < chartData.length; i++) {
                    var utcSeconds = chartData[i].date;
                    var d = new Date(0); // The 0 there is the key, which sets the date to the epoch
                    d.setUTCSeconds(utcSeconds);
                            var login = parseInt(chartData[i].visits);
                     chartData1.push({
                            date : d,
                            visits : login
                        });
      }

        return chartData1;
    }

我看到我正在传递整数类型的值和日期数据类型的日期时间。但我不确定我哪里出错了。你能帮我解决这个问题吗？如果我遗漏了什么，请告诉我。

This是 jsFiddle 链接。

非常感谢您的帮助。

Answer 1

我的时间没有按升序排列，而是随机排列，这就是我出现问题的原因。现在我的问题已经解决了。