search

jueyang / call-me-maybe

Use the issue queue. Dark secrets welcome. (CUNY-J teaching 2015)
3 stars 0 forks source link

Making embedded Google chart responsive #25

Closed tolab closed 9 years ago

tolab commented 9 years ago

Hey,

I have a Google chart embedded here. It's occupying half of the page width but I want it to spread across 90% of the page width and also be responsive. I managed to get a static html version of the embedded iframe content (which I could send over to you) and it looks like each rectangle is an svg. It looks like this might help but help implementing it would be kewl.

I also want to make it skinnier. I tried a find/replace on the height attribute but that didn't work.

Helps!

jueyang commented 9 years ago

Hello!

Two questions:

  1. Where is the site published?
  2. How much html/css do you know?

If your answer to no.1 is wordpress, that means you'll need to add some custom html and css. And whatever your answer is for no.2, this is an excellent opportunity to practice your skills. I won't do the work for you :P but I can walk you through if you bump into some problem.

So. for finer control of svg, you'll change some html (adding classes, etc) once you get it out of the iframe. Then add custom css.

If you keep things in the iframe you can follow this to make the iframe responsive.

I'm away for the rest of the week and next week, hit me up on slack https://chatwithjue.slack.com/ to chat further.

jueyang commented 9 years ago

Let me know if you have other questions.