2016-08-16 23 views
0

私は複数のy軸と右側の凡例を持つプロットを持っています。 グラフが凡例上で選択されているときだけ、y軸を表示します。 凡例をクリックするとグラフを非表示にできますが、軸はすべて表示されます。 どのように動的にy軸を隠すことができますか?複数の軸をプロットする方法

var trace1 = { 
    x: [1, 2, 3], 
    y: [40, 50, 60], 
    name: 'yaxis data', 
    type: 'scatter' 
}; 

var trace2 = { 
    x: [2, 3, 4], 
    y: [4, 5, 6], 
    name: 'yaxis2 data', 
    yaxis: 'y2', 
    type: 'scatter' 
}; 

var data = [trace1, trace2]; 

var layout = { 
    title: 'Double Y Axis Example', 
    yaxis: {title: 'yaxis title'}, 
    yaxis2: { 
    title: 'yaxis2 title', 
    titlefont: {color: 'rgb(148, 103, 189)'}, 
    tickfont: {color: 'rgb(148, 103, 189)'}, 
    overlaying: 'y', 
    side: 'right' 
    } 
}; 

Plotly.newPlot('myDiv', data, layout); 

答えて

0

今私は自分自身の質問に答えることができます。

Plotly.relayout('myDiv', 'yaxis2', null); 

レイアウトから「yaxis2」を削除します。 この軸に属するトレースを削除する場合は、最初にトレースを削除します。

Plotly.deleteTraces('myDiv',[x]); // 0 delete first trace, 1 second 2 third... 
Plotly.relayout('myDiv', 'yaxis2', null); 
+1

私は同じ問題を抱えています。 トレース自体を非表示にすると、軸を表示する必要はありません。 問題をどのように解決したのか分かりません。凡例アイテムのonClickイベントはありますか?私は何も見つかりませんでした。 – ReactiveMax

関連する問題