示例代码:
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数据或索引的副本?
因此,如果您想在Jupyter笔记本中使用javascript,则有两种选择。
使用以下display(HTML())
方法在jupyter笔记本中呈现html,下面的示例代码中演示了该方法!
另一种方法是使用IPython Magic,在这里阅读更多,代码将像这样。
%% html
%html [--isolated]将单元格渲染为HTML块可选参数:--isolated将单元格注释为“ isolated”。隔离的单元格呈现在其自己的标签内
%%html
<span> naren</span>
您也可以使用上述方法来呈现HTML。
请检查下面的代码,我select event
从可口的javascript事件文档中获取了代码,并使其适用于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))
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句