Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Dec 29 2020 18:35
    nbering commented #351
  • Dec 28 2020 16:50
    stvno opened #351
  • Sep 21 2020 16:36
    nbering closed #350
  • Sep 21 2020 16:36
    nbering commented #350
  • Sep 17 2020 15:44
    nbering labeled #350
  • Sep 15 2020 15:28
    nbering commented #350
  • Sep 15 2020 15:21
    nbering labeled #350
  • Sep 13 2020 10:11
    fo2sh04 opened #350
  • Aug 01 2020 03:19
    pyrchJ closed #349
  • Jul 31 2020 23:39
    pyrchJ opened #349
  • Jul 02 2020 22:46
    nbering closed #348
  • Jul 02 2020 22:46
    nbering commented #348
  • Jul 02 2020 22:45
    nbering labeled #348
  • Jul 02 2020 15:10
    pkparadigm edited #348
  • Jul 02 2020 13:09
    pkparadigm opened #348
  • Jun 22 2020 15:37
    756gzdz5 opened #347
  • Jun 17 2020 06:18
    stevenmollie commented #346
  • Jun 16 2020 17:26
    nbering commented #304
  • Jun 16 2020 17:20
    nbering commented #304
  • Jun 16 2020 16:51
    rgupta6 commented #304
Nicholas Bering
@nbering
@Locinine I believe this is what you’re looking for? https://developers.google.com/chart/interactive/docs/gallery/piechart#removing-slices
Farrah
@Locinine
Yep thank you.
mukunda saini
@mukundasaini
how googleJsapiUrlProvider is work. why should we use this provider
SRICHANDANCHINNAM
@SRICHANDANCHINNAM
Hello, I would like to implement histogram graph in angular6.... Can anyone please help me out.... I can't go forward.....
Nicholas Bering
@nbering
@SRICHANDANCHINNAM The library this channel is for doesn’t support Angular 6. Just AngularJS 1.x.
@mukundasaini Apologies for the late reply. jsapi is the old loader for the Google Chart’s library. It loads from google.com/jsapi. The Google team created a new loader at gstatic.com and is the new standard. I kept support for both when I added the gstatic loader for various compatibility reasons.
Shane Barry
@Shane325
@nbering I'm getting an unknown provider error when I inject 'agcLibraryLoaderProvider' as a dependency. Is this common?
Nicholas Bering
@nbering
@Shane325 Would you like to open a GitHub issue with an example of how you are trying to use it?
Shane Barry
@Shane325
@nbering angular-google-chart/angular-google-chart#336
I have a GeoChart that needs a google api key to work. Hence the need for the LoaderProviders. If theres a way for me to load an mapApiKey without these providers please let me know. Thanks.
Nicholas Bering
@nbering
You do need that. It’s the main reason I took time to implement the feature. I’m setting up a codepen to test my own assumptions. It’s been a while since I did any work with the project.
I’ll get back to you shortly with a live example or a report on my own bug as the case may be. You should hear from me within the day at the latest. Working on it between questions from my work team.
I am certain I had it working for that use case when I built the feature.
Shane Barry
@Shane325
Ok. Sounds good. Thanks.
Shane Barry
@Shane325
@nbering Update. When I load the library over CDN it works. I would prefer to load it through npm.
Nicholas Bering
@nbering
Here's a working sample, with an active API Key scoped to that codepen. https://codepen.io/nbering/pen/KBgmPd
As to why it would work with CDN and not NPM... that's weird.
It looks like the minified version in the npm package might be wrong.
Nicholas Bering
@nbering
The checksums for CDN and NPM match for the unminified version, but not the minified versions.
Nicholas Bering
@nbering
$ cat ng-google-chart.min.js | md5
2cac6cd9041d2f1b791bf334314be73e
$ curl https://cdnjs.cloudflare.com/ajax/libs/angular-google-chart/1.0.0-beta.1/ng-google-chart.min.js | md5
6fca7703290e7ad370f9e184f355cd4c
$ cat ng-google-chart.js | md5
c02974763a7c42a11bae50fc3d357205
$ curl https://cdnjs.cloudflare.com/ajax/libs/angular-google-chart/1.0.0-beta.1/ng-google-chart.js | md5
c02974763a7c42a11bae50fc3d357205
Not sure how I ended up with that....
Try with the unminified version. I'll try to get an updated NPM version up later. I'll probably make gstatic the default as well.
Shane Barry
@Shane325
Thank you for the quick and thorough follow up. It is fixed now, the issue was with my webpack config. It was an oversight on my end!
I have closed the issue on github
Nicholas Bering
@nbering
No problem. Glad we got it resolved.
psyogi
@psyogi
Hi, how can I use the static google apis's like visualization.DataTable() in my controller functions ? when I try to invoke google.visualization.DataTable(), it says google is not defined
Nicholas Bering
@nbering
https://nicholasbering.ca/angularjs/2015/04/02/google-charts-api-promise/
There's a service that returns a promise. You can wait for that promise to resolve before using the APIs directly.
psyogi
@psyogi
ok. I will try to use it like this . thank you Nicholas!
Nicholas Bering
@nbering
That promise also returns the google namespace object, which is handy for mocking. Just stub the methods you're going to use and override the service.
psyogi
@psyogi
It worked! solved my problem. Thanks a lot!
Nicholas Bering
@nbering
No problem at all.
psyogi
@psyogi
and I learnt something that I didnt know :)
Tobias Bohwalli
@futhr
Hi, wonder if anyone know how I display a chart tooltip as a directive, know how to display regular html but unable to get it to work with angular content? Here is sample code: https://codepen.io/futhr/pen/BPeNaJ
Nicholas Bering
@nbering
Chart tooltip HTML is outside Angular scope because it is rendered by Google Chart library.
Your approach might work... but would most likely lead to pain. I think you’d probably be best to use your controller to setup the tooltip content in advance and then feed that as tooltip data with isHtml enabled like most of the Google Charts examples do.
spnshguy
@spnshguy
hi, does anyone know if this is compatible with IE9?
Raghavendra Gautam
@rgautam98
What is the type that we are supposed to keep if we are putting a date?
in the charts
never mind. I got it
it is date
sorry for the stupid question
Nubie here
kkasiviswa
@kkasiviswa
Hi how to add scroll bar in x axis
Nicholas Bering
@nbering
@kkasiviswa There might be one or two chart types that support that. What chart type are you looking at?
There's "explorer" mode, but unfortunately this isn't supported by angular-google-chart because the data binding breaks it. The user-interaction state isn't persisted when the chart is re-drawn.
The next-best thing would be the "annotation chart", but I imagine it will suffer from the same issue.
https://developers.google.com/chart/interactive/docs/gallery/annotationchart
In the past, I've supported changes to the chart range by implementing it in the Angular code. Since the range changes are implemented from the side that causes the re-draw, instead of the chart's internal state.. it makes the experience a little smoother.
Nicholas Bering
@nbering
If you want to draw a little indicator on the Axis to show there's more data, you could use the ChartLayout interface. I have a blog post about that with an example.
https://nicholasbering.ca/angularjs/2015/08/09/agc-image-overlay/