by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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
  • Jun 16 11:40
    stevenmollie opened #346
  • May 05 15:33
    fbeauchemin closed #345
SimoneSabbatiniBynd
@SimoneSabbatiniBynd
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}},
Nicholas Bering
@nbering
Looks correct.
maylin2019
@maylin2019
Of course I am NOT using generic Google Chart, but AngularJS Google Chart through inject of googlechart with <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-google-chart/1.0.0-beta.1/ng-google-chart.js" type="text/javascript"></script>
Should I try to consider using something other than 1.0.0-beta.1?
Nicholas Bering
@nbering
The primary changes for the beta version were around how the Google Chart library was loaded. Using the "stable" version shouldn't affect this.
maylin2019
@maylin2019
Don't worry. The default tooltip works fine for me. I certainly can customize the content of the tootip, just NOT the shape of the tooltip box. No big deal. Thanks anyway.
Rushikesh
@Rushikesh89
@nbering Can you please tell me.How can i display value over each bar in bar chart ? I am using ng-google-chart.js
Nicholas Bering
@nbering
I’m in transit at the moment, but if you look at Labels in the upstream Google Charts docs, that might help you.
Rushikesh
@Rushikesh89
@nbering Thanks for quick reply. I am using ng-google-chart and setting data array to the chart object. I tried setting role-annotation to data array but it is not working.
Nicholas Bering
@nbering
Can you provide a sample of what you tried on CodePen or JSFiddle?
Rushikesh
@Rushikesh89
@nbering Can you please tell me,How to add Suffix in Gauge chart ? I tried for formatter and added suffix:'%' but suffix is not displaying.
Weigand
@kweigand-uxguy
Anyone tried hiding columns in a table? I need to hide my annotation columns when rendering a table view.
My code:
<div google-chart chart="cellularChart" agc-before-draw="drawHandler(cellularChart, cellularChart.type)" style="{{ chartStyle }}"></div>
$scope.drawHandler = drawHandler;
    function drawHandler (chart, type) {
      if(type === "Table") {
        chart.data.hideColumns([3, 5]);
      }
    }
FernandoRiffo
@FernandoRiffo
How to always see the tooltip active?
Emre Altun
@emrealtun
hey i want use bar chart for timeline but i cant use chart js . I tried google chart but my boss dislike. Can you help me for this issue
you can send mail. altunemre6@gmail.com
Nicholas Bering
@nbering

If you have a specific issue with the open source project here, I can help. But what you’re asking for sounds like consulting services (picking the right solution for your needs).

I might be able to answer openly. But I can’t provide private assistance to everyone that asks. Sorry.

amitghodke90
@amitghodke90
hello
i am using angular-google-chart npm for bar chart intgration , i want to change the colour of each bar how do u do that can anyone help out. Thanks.
Nicholas Bering
@nbering

@amitghodke90 It depends whether the bars are each a different series, or just different values in the same series.

If they are different series they will be represented as different columns in the data table, and you can apply colour to the series with the chart options. See series in the configuration options reference: https://developers.google.com/chart/interactive/docs/gallery/barchart#configuration-options

If they are different values in the same series, they will all be in the same column but different rows. If this is the case, you could use a DataTable column with "style" role. For more on roles, see: https://developers.google.com/chart/interactive/docs/roles#what-roles-are-available

amitghodke90
@amitghodke90
@nbering thanks for prompt reply.
amitghodke90
@amitghodke90
i want different colored bar in same series.
putting my sample codechere
<google-chart [title]="quest.barChart.title" [type]="quest.barChart.type" [data]="quest.barChart.data" [width]="quest.barChart.width" [height]="quest.barChart.height" [columnNames]="quest.barChart.columnNames" [options]="quest.barChart.options">
</google-chart>
where quest.barChart.data contains the actual data
amitghodke90
@amitghodke90
const barChart = {
title: '',
type: '',
data: [],
options: {
forceIFrame: true,
legend: {position: 'none'}, colors: this.series,
is3D: true,
},
columnNames: [],
};
option is specified the series of color but its not working
its showing only one color to all bars.
BBB
@batthota
image.png
Can you please give me some light on below issue.
I am getting build issue for rxJs after installing angular-google-chart .. I have the rxJs module installed already though
Nicholas Bering
@nbering

@batthota I might not be of much help anyway, but I can’t really diagnose an issue from a red squiggle in a screenshot.

What’s the TypeScript build error?