從嵌入式小塊地圖隱藏系列

Question

假設我有一個嵌入在iframe中的圖。它是動態加載的。在這個環境中使用燒瓶。

<iframe width="600" height="800" frameborder="0" scrolling="no" src="//plotly.example.com/~account/{{ r['plot_id'] }}.embed"></iframe> 

是否可以使用plotly.js框架與圖進行交互？我想根據HTTP GET請求顯示/隱藏某些系列。

Answer 1

看起來最好的辦法是嵌入的JavaScript，而不是的IFRAME（這也可從plotly），和流行跡線從附帶在數據列表中實施例：

<script src="http://plotly.com/~user/<plot_id>.js"></script> 
 
<script> 
 
desired_trace_label = 'foo' 
 

 
new_data = new Array(); 
 

 
for (var i=0; i < data.length; i++) { 
 
    trace = data[i]; 
 
    if (trace.name == desired_trace_label) { 
 
     new_data.push(trace); 
 
    } 
 
} 
 

 
    Plotly.newPlot("div-name", new_data, layout); 
 
</script>

包括plotly.js會給你'數據'，這是一個跡線列表，'佈局'，這是你所期望的。

它也會試圖在一個不存在的div中繪製一個陰謀，這會引發一個錯誤。

這很粗糙，希望有一個更清潔的解決方案。