Code Monkey home page Code Monkey logo

Comments (8)

gurachan avatar gurachan commented on May 16, 2024 3

any updates? a version that uses angular flex is nice too

from ng2-google-charts.

thc2018 avatar thc2018 commented on May 16, 2024 1

This - https://codepen.io/flopreynat/pen/BfLkA works for me!

from ng2-google-charts.

jugarcip avatar jugarcip commented on May 16, 2024

You got it finally?

Regards.

from ng2-google-charts.

jagrutijoshi95 avatar jagrutijoshi95 commented on May 16, 2024

I am facing this issue, I want the charts to be responsive.
I tried above method, still not worked for me. Its taking static height=200 and width= 1566px.
Can anyone please help me on this, I want ng2-google-charts responsive.???

from ng2-google-charts.

Aspro1 avatar Aspro1 commented on May 16, 2024

Check out the page “ https://www.devrandom.it/software/ng2-google-charts/ ”. At the end of the page in the “Advanced usage” section there is a function named “myfunction”, which redraws the chart. Try using such a function hooked on a “resize” event.

from ng2-google-charts.

peterlitvak avatar peterlitvak commented on May 16, 2024

Is there any consensus out there on how to make the chart responsive? The options only takes integer values and interprets it as number of pixels. Setting outside div's width to % value works for the initial display but as was noted above doesn't work when changing the window size.
Is having onResize event handler and redraw the table really the only way to do it?

from ng2-google-charts.

peterlitvak avatar peterlitvak commented on May 16, 2024

Also it seems setting the height of the chart via the outer div doesn't work. The height can only be set via options.

from ng2-google-charts.

thc2018 avatar thc2018 commented on May 16, 2024

Did anyone found a solution?

from ng2-google-charts.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.