rivets.js自定义绑定器参数

时间:2016-06-23 07:55:41

标签: javascript html rickshaw rivets.js

我刚用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个值,所以我可以在html文件中访问“mydata”和“mysecondData”,但更具体地说,如何获取我想要的两个变量?

1 个答案:

答案 0 :(得分:0)

只需将整个series数组传递给绑定器,如

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

您可以在活页夹中迭代访问其中的每个对象。