如何从离线的可打印python jupyter笔记本中的选定点获取数据?

问题描述

示例代码:

from plotly.offline import download_plotlyjs, init_notebook_mode, plot, iplot

import plotly.graph_objs as go

import numpy as np

N = 30
random_x = np.random.randn(N)
random_y = np.random.randn(N)

# Create a trace
trace = go.Scatter(
    x = random_x,
    y = random_y,
    mode = 'markers'
)

data = [trace]

# Plot and embed in ipython notebook!
iplot(data, filename='basic-scatter')

[]

如何从选择中获取x，y数据或索引的副本?

How do I get a copy of the x,y data, or the indices from the selection?

推荐答案

因此，如果您想在Jupyter笔记本中使用javascript，则有两种选择.

So if you want to use javascript in Jupyter notebooks you have two options.

使用display(HTML())方法在jupyter笔记本中呈现html，下面的示例代码中演示了该方法！

Using the display(HTML()) method for rendering html inside jupyter notebook, this method is demonstrated in the below sample code!

另一种方法是使用IPython Magic，在此处了解更多信息，代码将像这样.

Another method is to use IPython Magic, read more here, the code will go something like this.

可选参数: --isolated将单元格注释为"isolated".隔离的单元格呈现在其自己的标签内

optional arguments: --isolated Annotate the cell as ‘isolated’. Isolated cells are rendered inside their own tag

%%html
<span> naren</span>

您还可以使用上述方法来呈现HTML.

You can also use this above method to render the HTML.

请检查以下代码，我从精心编写javascript事件文档，并使其适用于jupyter！

Please check the below code, where I have taken the code for select event from the plotly javascript events docs and made it work for jupyter!

from plotly.offline import download_plotlyjs, init_notebook_mode, plot, iplot
import plotly.graph_objs as go
from plotly import tools
import pandas as pd
import numpy as np
from datetime import datetime
init_notebook_mode(connected=True)
from IPython.core.display import display, HTML


N = 30
random_x = np.random.randn(N)
random_y = np.random.randn(N)

# Create a trace
trace = go.Scatter(
    x = random_x,
    y = random_y,
    mode = 'markers'
)

data = [trace]

# Plot and embed in ipython notebook!
plot = plot(data, filename='basic-scatter', include_plotlyjs=False, output_type='div')
divId=plot.split("id=\"",1)[1].split('"',1)[0]
plot = plot.replace("Plotly.newPlot", "var graph = Plotly.newPlot")
plot = plot.replace("</script>", """
var graph = document.getElementById('"""+divId+"""');
var color1 = '#7b3294';
var color1Light = '#c2a5cf';
var colorX = '#ffa7b5';
var colorY = '#fdae61';
;graph.on('plotly_selected', function(eventData) {
  var x = [];
  var y = [];

  var colors = [];
  for(var i = 0; i < N; i++) colors.push(color1Light);

  eventData.points.forEach(function(pt) {
    x.push(pt.x);
    y.push(pt.y);
    colors[pt.pointNumber] = color1;
  });


  Plotly.restyle(graph, 'marker.color', [colors], [0]);
});
""")
display(HTML(plot))

这篇关于如何从离线的可打印python jupyter笔记本中的选定点获取数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！