So I have a website in HTML that I didn’t make but am editing it to add plot_ly plots. I don’t know much about HTML or CSS however am learning more.
The website has tabs, I added plot_ly plots as iframes to the front tab and they work perfectly (I’m just showing the legends):
However when I add a plot_ly plot to a tab that’s not the front page, the legend cuts off (and also the x axis but it doesn’t do it as much). The code is the same to make the plot_ly legends and the HTML is the same:
I’ve looked at these two topics:
I am using Plotly to generate interactive plots for an HTML report I’m making. My approach is to first generate and save the plot, then source it in to my HTML report using iFrame.
(1) Sample Python code to produce Plotly:
import plotly.graph_objs as go
# Generate Plotly plot
sample_plotly = go.Figure()
sample_plotly.add_trace(go.Scatter(x=np.random.randn(3), y=np.random.randn(3), marker_color="black"))
I’ve achieved most of what I wanted with a little dashboard feature within another app. I worked on this dashboard app as an independent project first before integrating into the main application. This issue is not present in the independent version and only occurs in this Iframe in the other app. The Iframe method was convenient and I was looking for this sort of thing anyway. The main application was built in React, which I do not have enough knowledge of. This is a screenshot of the prob…
I haven’t been able to find a solution, would appreciate some help. Also if i reload the frame they work, but I don’t want to be doing that.