2013-12-04 2 views
3

Я использую dangle.js, инструмент визуализации, созданный для Angular JS на основе D3. Я пытаюсь вывести график, вызвав директиву с HTMLКакой формат должен содержать данные для диаграммы Dangle JS?

<fs-area bind="data" on-click="filterByDate" /> 

В моем контроллере у меня есть код

$scope.data = [ 
{x: 1, y: 100}, 
{x: 2, y: 20}, 
{x: 3, y: 43} 
]; 

Однако график не показывает, вероятно, потому что я не уверен как в директиве ожидаются данные. Я новичок в D3, может ли кто-нибудь указать мне в правильном направлении или дать мне пример набора данных, который будет отображаться на графике? Благодарю. Dangle.js документы не очень полезны http://www.fullscale.co/dangle/

+0

Вы получаете сообщение об ошибке или что-нибудь подобное? –

+0

В консоли отсутствует сообщение об ошибке, граф просто не отображается. Я уверен, что js работает, потому что он отображает оси x и y для графа области, но без данных. Я думаю о том, чтобы просто придерживаться плоского D3.js, хотя, похоже, для его использования существует довольно сложная кривая обучения. –

ответ

3

fs-area ожидает, что данные, которые должны присутствовать в sub-field entries и x и y аксессоров быть time и count соответственно. Следовательно, это должно работать:

$scope.data = { 
    entries: [ 
     {time: 1, count: 100}, 
     {time: 2, count: 20}, 
     {time: 3, count: 43} 
    ] 
}; 
+1

Спасибо! У меня появился график! Я вижу, где искать сейчас, чтобы найти информацию для других. Спасибо. –

+0

@AndyHadjigeorgiou Если это решило вашу проблему, подумайте о том, чтобы отметить ее как ответ. –

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