score:1
Unfortunately it is impossible to style the contents of an <iframe>
unless you have control over the page loaded in the <iframe>
, due to cross-domain resource restrictions.
You would need to style the SVG on the page that you are including:
svg {
max-width: 100%;
max-height: 100%;
}
If you don't have access to that page, then you are limited to styling the <iframe>
element itself.
Hope this helps! :)
Source: stackoverflow.com
Related Query
- Make the size of a chart adjust to its outer container
- How can I center my maps on the container and adjust the size so that it occupies the entire container?
- Make simple bar chart using C3 with separate columns on the x axis
- D3 bubble chart / pack layout - How to make bubbles radiate out from the largest bubbles to the smallest?
- Reduce the size of a large data set by sampling/interpolation to improve chart performance
- svg: stop inner groups from being rotating when the outer container is rotated
- Angular-nvd3-directives adjust height of the chart according to the width of the chart
- How to adjust the size of a d3.js globe?
- Scaling D3 bar chart to container size
- How to remove the outer circle in D3 bubble chart
- How to make the extent of a brush match the size of the parent element?
- How to make labels appear only when the chart is zoomed in
- How to cut y axis to make the chart look better?
- How to dynamically adjust the size of a D3 rect based on the foreignObject's height
- Why are my donut charts positioned outside the container when other chart types are correctly positioned?
- how to make the x axis scrollable in a d3 line chart graph
- D3.js how to make the lines not go inside the arc of a donut chart
- Make circles not go outside of the chart bounds with D3
- How to make the grids of a chart be in line with axes
- dc.js + make the chart dynamic based on the dataset
- dimple - make line dotted for only part of the chart
- Sometimes svg chart doesn't fit in the container but it works when screen refresh
- apply d3.nest rollup to nested pie chart (to vary the size of the pies)
- How can I make the legend's similar to the stacked bar chart (and change the legend's label) in D3 v6?
- How do I make my chart bars align with the chart axis?
- Make D3 Stacked Bar Chart fill parent SVG container
- d3js: How to make the bubble chart zoomable?
- C3.js chart title overlapped if I change the size of title
- Scaling the arrowheads according to edge thickness and have them touch the outer edged of the nodes whose size vary
- Pack bubble chart depending on the size of circle
More Query from same tag
- d3 rect not showing up
- How to scale an integer to date with range and domain
- d3.js Time Scale Chart, Array object values isnt rendering the chart whereas static values render the chart perfectly
- How to place text inside each bar of the chart using d3
- d3.js pie-chart is truncated
- SVG to PNG with Embedded Style Sheet
- If a transition lasts n seconds is it possible to start it at a specified percentage of that time?
- d3js - the last `appended` element alone applied the style property
- Zooming in a D3 visualization that uses WebGL through stardustjs
- Retrieve value from password field
- How to draw a chess board in D3?
- Using d3 drag, why doesn't dragstart have d3.event.x set?
- Drag issue in d3.js v5.4.0
- Confusion over TopoJSON Format
- Can't access attr data in angular custom directive link function
- D3 Context menu with sub-menu
- Certain Objects in DOM do not seem to render despite being in the HTML source?
- D3 Nest - Sorting Values
- d3 .data() function not working as expected multiple data sources
- How to call ajax by clicking d3.js graph
- D3: how to create input elements followed by label text?
- How to play a sound from audio tag in D3js selection?
- D3.js rendered page crashes on all major browsers on Mac but doesn't crash on Windows or Ubuntu
- d3 objects do not render within svg bounds on IE10
- D3.js key function running twice on simple selector/array combo
- How can we Sum the data of .csv file columnwise using d3.js
- Appending text to points in angular-nvd3
- csv data logs but json data doesn't?
- how to draw a line between two axes with a data? (d3.js)
- topojson/d3.js: Uncaught (in promise) TypeError: Cannot read property 'type' of undefined