2016-02-29 72 views
2

我創建了一個獨立的Y軸爲每個創建的軌跡。有時會有很多跡線/ y軸。自定義外觀plotly.js傳奇

我想在具有相同本地功能的選項列表中使用圖例按鈕:單擊切換跟蹤可見性。理想情況下,通過點擊圖例隱藏軌跡時,其y軸(刻度值)也將被隱藏。

此外,如果顯示所有軌跡/ y軸,將會更好 - >將最大寬度設置爲容納y軸的容器,以便繪圖/圖形區域/域始終佔用至少70%的寬度(設置溢出:滾動到y軸容器)

enter image description here

我已經通過了文檔而不是發現那位什麼,我需要..

layout.showlegend = true/false -> hides/shows all the legend box 
trace1.showlegend = true/false -> hides/shows one legend(for trace1) in the box 

,如果我這樣做:

trace1.visible= false -> I hide both the trace and legend for it 
trace1.opacity= 0 ->hides the trace not the legend for it but alters the legend icon(if line+dot -> only line) 

當圖例鏈接爲了隱藏跟蹤但保持圖例按鈕完好無損時,哪些屬性會自然更改?

需要知道通過多選擇下拉

+1

心靈解釋爲什麼下來投票,所以我可以,如果真的有必要改善的問題??? –

回答

0

解決方案 使用下拉元素的一種形式,而不是用有限的傳奇箱這顯示我們設置爲false玩:

$scope.layout = {showlegend:false}; 

我使用AngularJS下拉多選的制定者對於保存值的NG-模型用於圖形的佈局或軌跡對象的可變元素。

例如隱藏當第一y軸:

$scope.layout.yaxis.showticklabels = false; 

在下拉菜單我更新的痕跡和佈局屬性的NG-模型的改變,例如在一個循環跡線的陣列設置爲可見:

$scope.trace[i].visible = false; 

在變化 - >更新plotly畫...

我的問題是,我最初的想法是與已經呈現SVG邊玩邊改變圖OBJE CTS。

的形式給出現在我已經跟着作品非常好,很容易實現:

enter image description here

+0

可以請你分享的代碼,它增加了軸的黑色右邊界? –

1

的自動Y方向溢出的傳說已經在最近的版本中添加實現的功能 - 它會自動當有足夠的傳奇物品推動切換這個傳說超越了情節的底部。

不幸的是,目前只有幾種方法來自定義傳說的外觀 - 背景顏色,邊框顏色和字體。我們正在努力改進圖例定製以及其中的下拉功能,但由於使用混合svg和html時的侷限性,它在一段時間內還不會完全實現 - plotly.js有更高的優先級。

該文檔有一個few examples,這可能會有助於您的用例與選項選擇。

+0

Thx爲您的評論,我的原始方法是根本不正確 –