rivets.js自定义绑定器参数

Question

我只是用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
    }, ]
});

我现在的问题是，我希望在Rickshaw图中有两个数据序列，这就是为什么我想要这样做的原因

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

但是，我如何解析绑定器中的两个值，以便我可以访问html文件中的"mydata“和"mysecondData”，但更具体地说，绑定器如何获得我想要的两个变量？

Answer 1

只需将整个series数组传递给绑定器，如下所示

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

您可以在绑定器中迭代访问其中的每个对象。