Comments (6)
@devrockzz @manish153 I've made a tutorial here on how you guys can achieve this.
https://github.com/RicardoVaranda/Angular2-Google-Charts
All credits go to @vimalavinisha
from angular2-google-chart.
I would like to know this as well. It will be helpful for greater adoption.
from angular2-google-chart.
Thank you for this tutorial. I figured out that your are loading that chart api each time in the diretive. It makes the chart display very slow. Maybe we can upgrade this script.
from angular2-google-chart.
Hi guys and thanks for the tutorial ! Yes. I noticed the poor performance and it was a no-go for me, but the chart supports 2 graphics that I needed so I had no choice to try to make it work better.
I simply did this:
- I just called this.drawGraph() on the chart component (i especially skipped loading the package)
- On the index page, right after including the chart script, I only called once the following line google.charts.load('current', { 'packages': ['line'] });
I only needed to draw a couple of line charts, so I grabbed the minimum and it works blazing fast now.
I hope this helps someone, cheers !
from angular2-google-chart.
@RicardoVaranda: Thanks a lot.
- thing i want to ask, that how to show location on hover of grey section.
from angular2-google-chart.
@sup99 could you please allaborate on step 1. in your answer.
you call "this.drawGraph() on the chart component" ? -in angular component.ts file
where is "loading the package" that you skip?
I really need this fix, but I just do not understand what to do
Thank you in advance
from angular2-google-chart.
Related Issues (20)
- Google Calendar Chart HOT 1
- Unexpected value 'GoogleChart' declared by the module 'AppModule' HOT 1
- Unexpected value 'GoogleChart' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation. HOT 8
- how to use redraw method?
- Does angular2-google-chart works with angular4 cli? HOT 2
- Getting compiling error
- node_modules/angular2-google-chart/directives/angular2-google-chart.directive.ts(33,15): error TS7006: Parameter 'chartOptions' implicitly has an 'any' type
- How can i colered BarChart?
- Please add support for Angular 5 HOT 4
- compile error HOT 3
- angular2-google-chart
- node_modules\angular2-google-chart\directives\angular2-google-chart.directive.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. HOT 6
- Timline chart is not loading (Invalid visualization type: timeline)
- How to set colors in pie chart?
- Despite having container div set to width 100 %, chart is not filling up the container.
- how to change value in line chat right hand side value (0,400,8001200,1600) and change the symbol Sales and Expenses
- Incompatible data table: Error: Unknown address type. HOT 1
- angular2-google-chart.directive.ts is missing from the TypeScript compilation.
- Pie Chart - ERROR Error: Invalid column index null. Should be an integer in the range [0-1]
- Chart Background Color
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular2-google-chart.