Does anyone know how to code a page to display pie charts sized so that 7 fit across the screen in one row?
I am using a code page with the following:
<table>
<tr>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=13&ifv=0" width=14%></td>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=11&ifv=0" width=14%></td>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=9&ifv=0" width=14%></td>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=15&ifv=0" width=14%></td>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=10&ifv=0" width=14%></td>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=12&ifv=0" width=14%></td>
<td><embed src="h t t p s://XXXXX.quickbase.com/db/XXXXX?a=q&qid=14&ifv=0" width=14%></td>
</tr>
</table>
The charts show up like this:
The charts are there, they are just large and can only be partially viewed using the scroll bars:
I get the same result using <iframe>.
If i set the size to match the highcharts container (width: 588px & height: 600px), then the scroll bars go away and I see the whole chart, but that is too big to fit all 7 across the screen in one row.
I can manually adjust width and height in the <svg> element and it changes the size of the pie chart, but have not figured out how to leverage that for my code page:
">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1797513/RackMultipart20190715-113611-ms6tj8-image_inline.png?1563221511">
">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1797515/RackMultipart20190715-114785-w8eb1n-image_inline.png?1563221586">