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
Raghavendra Gautam
@rgautam98
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
and I want to format it and display on my chart 1yr5m
any ideas how I can do that ?
Thanks!
Nicholas Bering
@nbering
I would provided that as a formatted value in your DataTable rather than using a Formatter.
I would give you a more detailed answer but I’m limited in my time during the workday so I can’t go look for links for you.
maylin2019
@maylin2019
Hello, may I ask how to dynamic add data to google chart after initialize the chart object in AngularJS?
Nicholas Bering
@nbering
The library provides data binding using Angular’s regular change detection mechanism. Just change your object and the chart will be redrawn.
maylin2019
@maylin2019
Hi Nicholas, thanks for the response. It helped. Now I am trying to customize tooltip based on the post at https://codepen.io/Toomaaa/pen/EmBwwZ. However when I tried something as simple as {"v":"<div>My Customized Tooltip</div>"} , I did get "My Customized Tooltip", instead I got the raw HTML "<div>My Customized Tooltip</div>". I had all the options setup correctly.
Nicholas Bering
@nbering
There’s a property you can set on the column to support HTML.
Taking a look at your sample.
Nicholas Bering
@nbering
@maylin2019 Can you provide a sample of what you're trying that doesn't work?
maylin2019
@maylin2019
I did look deeply into the sample. I have options.tooltip: {isHtml: true}, as well as cols {id:"tooltip", type:"string", role:'tooltip', 'p':{'html':true}},