嵌入式Plotly图中隐藏系列

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中获得），以及来自数据列表的pop曲目。例如：

<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中创建一个会引发错误的图。

这是相当粗糙的，希望有一个更清洁的解决方案在那里。