rivets.js пользовательские вяжущие аргументы

Question

Я только что указал с помощью binders rivets.js и имею простую проблему. В моем html-файле у меня есть настраиваемое связующее, такое как <div rv-dashing-graph="mydata"></div>, которое возвращает значение «mydata» моему связующему.

В этом я использую его, чтобы установить свойства этого значения:

rivets.binders['dashing-graph'] = function binder(el, data) { 
if (!data) return; 
// ... 
if (/rickshaw_graph/.test(container.className)) { 
    graph = window[container.dataset.id]; 
    graph.series[0].data = data; 
    graph.update(); 
    return; 
} 

graph = new Rickshaw.Graph({ 
    element: container, 
    width: container.width, 
    height: container.height, 
    series: [{ 
     color: '#fff', //white 
     data: data 
    }, ] 
}); 

Моя проблема теперь, что я хотел бы иметь два ряда данных в моем Рикша графике, поэтому я бы хотели сделать что-то вроде

series: [{ 
       data: data, //the value of myData 
       color: '#dfea34' 
     }, { 
       data: data2, //value of second variable 
       color: '#000' 
     }] 

но как я анализирую 2 значения в моем вяжущего, так что я могу получить доступ к «MyData» и «mysecondData» в HTML файл, но более конкретно, как это связующее получаем, что I хотите иметь две переменные?

Answer 1

Просто пройти весь массив series к связующему как

<div rv-dashing-graph="series"></div> 

Вы можете перебирать доступ каждый объекты внутри него в связующем.