Amcharts - Линейный график не отображается должным образом

Прошло много времени с тех пор, как я пробовал этот фрагмент кода 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;
    }

Я вижу, что я передаю значение как целочисленный тип и дату и время в типе данных date. Но я не уверен, что ошибаюсь. Не могли бы вы помочь мне с этим и сообщить, если я что-то упускаю.

Это ссылка jsFiddle.

Заранее большое спасибо за вашу помощь.


person Arun S    schedule 19.03.2014    source источник
comment
Что вы изменили с тех пор, как он перестал работать?   -  person Bradley Trager    schedule 19.03.2014
comment
Я просто изменил способ создания диаграммы (она возвращается с сервера). И это тот, который у меня есть в приведенном выше коде. Дело в том, что между моим предыдущим форматом JSON и этим нет никаких изменений.   -  person Arun S    schedule 19.03.2014
comment
Вы говорите, что он работает не так, как ожидалось. Что конкретно происходит?   -  person Bradley Trager    schedule 19.03.2014
comment
Я не могу найти какие-либо точки данных, отображаемые на диаграмме. Я просто получаю пустую диаграмму, и это то же самое, даже если у меня minPeriod как мм. Если у меня minPeriod как hh, тогда у меня все точки отображаются в одно и то же время, но снова это неправильно, поскольку я указываю в разное время.   -  person Arun S    schedule 19.03.2014
comment
Спасибо @ [Bradley Trager] за вашу помощь   -  person Arun S    schedule 20.03.2014


Ответы (1)


Мое время не было отсортировано по возрастанию, а было случайным порядком времени, и это было причиной моей проблемы. Теперь моя проблема решена.

person Arun S    schedule 19.03.2014