2013-06-17 2 views
1

Я извлекаю данные из mtgox api, я вижу на моей консоли, что все данные правильно добираются до моей диаграммы. Однако я не могу получить данные для отображения на моей диаграмме. Любая помощь приветствуется.Highcharts не отображает данные

 var now = new Date(); 
     $('#container').highcharts({ 
      chart: { 
       type: 'line', 
      }, 
      title: { 
       text: 'Bitcoin Price', 
      }, 
      subtitle: { 
       text: 'Source: MtGox.com', 
      }, 
      xAxis: { 
       type: 'datetime' 
      }, 
     plotOptions: { 
     series: { 
      pointStart: Date.UTC(now.getYear(), now.getMonth(), now.getDate()), 
      pointInterval: 24 * 3600 * 1000 // one day 
     } 
    }, 
      yAxis: { 
       title: { 
        text: 'Price' 
       }, 
      }, 

      series: [{ 
       name: 'Bitcoin', 
       data: series 
      }] 
     }); 

    } 
    }); 

}); 
+0

Я попытался его без кавычек, но данные все еще не отображаются. Только чистый график показывает название и метки оси x и y. – evann

ответ

2

Я думаю, что проблема в том, что вы завернуты часть вашего успеха обратного вызова в $(function() {...}). Это прикрепляет обработчик событий, который будет запущен, когда DOM будет готов. Вы не будете нуждаться в этом в обратном вызове AJAX, поскольку он уже завернут в $(document).ready(function() {...});

Удалите обертку в своем обратном вызове и посмотрите, работает ли ваша диаграмма.

EDIT

Кроме того, вам необходимо пройти дату год, месяц, и (по желанию) к Date.UTC функции: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC

Working Fiddle

+0

Спасибо за ответ и объяснение, но после того, как я удалил его, моя диаграмма все еще не отображает данные. – evann

+0

Вы уверены, что в массиве 'price' есть данные? – cfs

+0

@evann Вам необходимо передать год, месяц, дату в функцию 'Date.UTC'; Я обновил свой ответ и предоставил вам рабочий пример. – cfs

Смежные вопросы