2016-06-23 4 views
0

私はちょうどrivets.jsバインダーで述べて、簡単な問題があります。私のhtmlファイルでは、バインダーに "mydata"の値を返す<div rv-dashing-graph="mydata"></div>のようなカスタムバインダーがあります。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 
    }, ] 
}); 

私の問題は、なぜ私は思いである、私は私の人力車グラフに2つのデータ系列を持ってしたいということになりました

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

しかし、どのように私は私のバインダーに2つの値を解析しないような何かをしたいので、私はhtmlファイルに「MYDATA」と「mysecondData」にアクセスすることができますが、より具体的に、バインダーは、そのIをどのように取得しません2つの変数が必要ですか?

+1

私は無関係のタグ[タグ:バインダー]を削除し、関連タグ[タグ:rivets.js]を追加しました。タグを使用する前に、タグの説明を必ずお読みください。 –

答えて

0

ちょうどあなたがバインダーにその中のアクセスに各オブジェクトを反復処理することができます

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

のようなバインダーに全体series配列を渡します。

+0

"series"は特殊な人力車の属性で、1つの画像に2つのグラフを描くことができます。 mydata = [ {'x':0、 "y":50}、 {"x":5、 "y":10}、 のような私のpythonクラスのmydata要素を渡すことができます{ "x":10、 "y":50}、 ] " – LUIGI

+0

私はjavascriptのデータフィールドで作業する必要があるため、私はwohleシリーズの要素を解析できません(データは例えばグラフの大きさを示しています)。 – LUIGI

+0

私はちょうど把握する方法、カスタムバインダーの2つの要素を解析する方法を必要とするので、私は両方にアクセスできます。 (最良の場合は、 'function binder(el、data、data2)'のような2つの変数がありますが、2つのフィールドを持つ1つの配列でさえ多くの助けになります! – LUIGI

関連する問題