2016-06-23 92 views
0

我剛纔說rivets.js活頁夾,並有一個簡單的問題。在我的html文件中,我有一個自定義綁定器,如<div rv-dashing-graph="mydata"></div>,它將「mydata」的值返回給我的綁定器。rivets.js自定義粘合劑參數

在此,我用它來設置屬性爲這個值:

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

我已經刪除了不相關的標籤[tag:binder]並添加了相關標籤[tag:rivets.js]。使用前請務必閱讀標籤的描述。 –

回答

0

整個series陣列只是傳遞到粘合劑一樣

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

可以遍歷訪問的粘結劑裏面的每個對象。

+0

「系列」是一種特殊的人力車屬性,可以讓我在一張照片中繪製2張圖。我只能通過我的python類的mydata元素,比如''mydata = {'x':0,「y」:50}, {「x」:5,「y」:10}, { x「:10,」y「:50}, ]'' – LUIGI

+0

我無法解析wohle系列元素,因爲我需要使用javaskript中的數據字段(數據說例如圖表應該有多大)。 – LUIGI

+0

我只需要一種方法來弄清楚,如何解析自定義綁定中的2個元素,以便我可以同時訪問這兩個元素。 (在最好的情況下有兩個變量,比如'function binder(el,data,data2)',但是即使是一個有兩個字段的數組也可以幫到我很多! – LUIGI