by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Aug 01 03:19
    pyrchJ closed #349
  • Jul 31 23:39
    pyrchJ opened #349
  • Jul 02 22:46
    nbering closed #348
  • Jul 02 22:46
    nbering commented #348
  • Jul 02 22:45
    nbering labeled #348
  • Jul 02 15:10
    pkparadigm edited #348
  • Jul 02 13:09
    pkparadigm opened #348
  • Jun 22 15:37
    756gzdz5 opened #347
  • Jun 17 06:18
    stevenmollie commented #346
  • Jun 16 17:26
    nbering commented #304
  • Jun 16 17:20
    nbering commented #304
  • Jun 16 16:51
    rgupta6 commented #304
  • Jun 16 15:26
    nbering commented #346
  • Jun 16 15:24
    nbering commented #346
  • Jun 16 14:39
    stevenmollie commented #346
  • Jun 16 14:31
    nbering commented #346
  • Jun 16 14:30
    nbering commented #346
  • Jun 16 14:30
    nbering labeled #346
  • Jun 16 14:30
    nbering labeled #346
  • Jun 16 14:29
    nbering commented #346
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/
thao33
@thao33
oh! that means we cannot add scroll bar in y axis also? How about zoom in each column of graph? Any config?
abhirepo
@dimple720
Hi, did anyone used google table charts with color formatters?
Nicholas Bering
@nbering
There should be a sample of color formatted with the Table chart in the multi-chart demo on the project’s documentation site.
abhirepo
@dimple720
Got it Thankyou @nbering
Rushikesh
@Rushikesh89
Hi,I need to draw Combo column chart with ng-google-chart.js. With "type"="ComboChart" it display stack bars ,I need separate bars.
Nicholas Bering
@nbering
You must have isStacked set, as this is not the default behavior. See https://developers.google.com/chart/interactive/docs/gallery/combochart for options (near the bottom of the page). This library just passes all options you provide to the upstream library unchanged.
Rushikesh
@Rushikesh89
@nbering Yes, you are correct. Your answer really helped me.It is exactly what i want. Thank you.
Nicholas Bering
@nbering
Glad I could help!
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
Hi guys, how's going?
I got a question about formatters for LineCharts
Nicholas Bering
@nbering
Ask away...
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
I have a line chart where I display values like 1.65
and I would format that value as 1xx 65yy
is there a way to do it ?
Nicholas Bering
@nbering
Number formatter. Example in the docs site for AGC as multi-chart.
There should be a reference page on it with link to upstream properties as well.
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
I'm using that...but not able to do just using pattern
does pattern accept a callback as well ?
I have a formatting function that would format the value as I want...can I pass that on the formatter ?
Nicholas Bering
@nbering
Not that I recall. You’ll have to check the upstream docs for what patterns are accepted.
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
@nbering do you mean this doc http://angular-google-chart.github.io/angular-google-chart/docs/0.1.0/ ?
Nicholas Bering
@nbering
You can set formatted values in your DataTable, though. The Formatters feature is primarily to cover things like axis label values.
Those are the docs for this project. Upstream is the Google docs site.
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
https://developers.google.com/chart/interactive/docs/reference#patternformat ?
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
Does anyone ever created a custom pattern formatter ?
I have this value 542 that represent the number of days