Stack Overflow
Stack Overflow

Questions tagged [ng2-google-chart]

15 questions
1
vote
1 answer

On Angular 12 webapp Google Charts component make webapp very slow also after component destruction

I perfectly integrated Google charts in my Angular 12 webapp but the component that shows google chart make the webapp very slow on rendering graphical animation and movements. If I hide the Google chart component the webapp come back to be very…
Michele Settembre
  • 19
  • 2
1
vote
0 answers

How to change bar width of a specific series while in different axis target - Angular google charts

I am developing a layered column chart using ComboChart on Angular google charts. Although I've separated two series of bar charts in two different axis, being able to find a bar in front of the other, like needed, I can't change the width of one of…
gondev
  • 11
  • 2
1
vote
1 answer

Google Charts (ng2-google-charts) - custom tooltips - HTML gets appended to tooltip instead of replacing it

I want to replace the default tooltip generated by google charts with the HTML one created by me. I've added the new column { type: 'string', role: 'tooltip', p: { html: true } }, I've also added the tooltip: { isHtml: true }, to chart options like…
Jaruzel
  • 99
  • 1
  • 7
1
vote
1 answer

Google Charts - aligning Combo Chart data maximally to left and right

I have a combo chart containing area, bars and line graphs. I'd like the area and line charts to align maximally to the left and right side. For bars chart it's not required. Unfortunately I'm unable to align the graphs properly. I went through the…
Jaruzel
  • 99
  • 1
  • 7
1
vote
1 answer

vAxis Single line label in angular-google-chart

I am using angular-google-chart to implement google chart in my angular app, when the y axis labels (marked with red color) is too long it in coming up in three lines then showing "..." , i want only one one line to show up instead of 3, how this…
Suraj Kumar
  • 281
  • 6
  • 13
1
vote
1 answer

Google Timeline chart using does not show full row label in angular

Hi I have just started using google charts and I found that the labels in the first column don't show entirely. I'm using these charts in angular 9.0.3 with ng2-google-charts as the module. I have tried changing the width ,height and a bunch of…
Rithvik Sallaram
  • 13
  • 4
0
votes
0 answers

ng2 google chart not showing tooltip when hovering on chart legend

I am using ng2 Google Chart, and I am currently facing an issue. When I hover over the chart legend, it doesn't show the tooltip. However, when I hover inside the chart, the tooltip displays correctly. Can you help me resolve this? The section below…
Linh Thu Sinh
  • 1
  • 1
0
votes
0 answers

How to update color axis values for google geo chart?

I am trying to draw map with dynamic values and able to do so but Color Axis bar values are not updating this is my geoChart code public geoChart: GoogleChartInterface = { chartType: 'GeoChart', dataTable: this.states_data, options:…
Alana
  • 1
  • 1
0
votes
1 answer

How can we create google chart that is stacked with multiple columns and negative numbers?

I am trying to create a google chart stacked with multiple columns and negative numbers. Data: ['2001', -321, 621, 816, 319], ['2002', 163, 231, -539, 594], ['2003', 125, 819, 123, 578], ['2004', -197, 536, 613, -298] If we replace…
skk
  • 25
  • 4
0
votes
1 answer

Show Axes text vertically besides column in ng2-google-chart

I am using ng2-google-charts - 4.0.0 version. I want to display hAxis text beside the column. I tried using slantedText and slantedTextAngle but, it does not support inside the chart. It would be good if anyone can help with it.
Rishabh Shah
  • 541
  • 7
  • 28
0
votes
1 answer

Google Charts not displaying names on yaxis

I'm having a mare trying to get names to appear alongside data on a google bar chart. It should be simple!! Looking at the examples I should not have to add any options at all, they should appear by default but they dont. Even when I copy/paste…
user1587804
  • 121
  • 1
  • 7
0
votes
2 answers

Format object from API call to dataTable format on Google Charts (ng2-google-charts)

I'm using ng2-google-charts to build a geoChart in an Angular 10 project. Everything works good with fixed data, the problem I have is that I'm not sure how to format (and add) the data from an API call. This is my geoChart property that works…
1x2x3x4x
  • 592
  • 8
  • 26
0
votes
1 answer

With ng2-google-charts how do I format the number as a percentage?

With ng2-google-charts and angular 10 how do I format the number as a percentage? I'm using 'GeoChart' as the chart type. The chart interface is public geoChart: GoogleChartInterface = { chartType: 'GeoChart', dataTable: [ ['Country', 'Issuance…
Interlated
  • 5,108
  • 6
  • 48
  • 79
-1
votes
3 answers

How do I push an array into another array?

I'm using googles geochart to draw a map with stats but I can't figure out how to combine my 2 arrays I get this from the server. [["DZ", 0], ["EG", 0], ["EH", 0], ["LY", 0], ["MA", 0], ["SD", 0], ["SS", 0], ["TN", 0], ["BF", 0], ["BJ", 0], ["CI",…
Aksel Glyholt
  • 11
  • 3
-1
votes
2 answers

Create 3 quarter donut chart using Google Chart library

I'm trying to make a donut chart like below using google chart library: I found this article that makes half donut, but didn't find the code to create the one in my image. Can anyone help?
Jahedur Rahman
  • 29
  • 6