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

Question

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 (2019)'],
  ['GB', 20]
],
formatters: [

  {
    columns: [1],
    type: 'NumberFormat',
    options: {
     suffix: '%'
    }
  }
],

score 0 · Answer 1 · answered Jul 09 '20 at 04:18

A pattern fixed it

public geoChart: GoogleChartInterface = {
chartType: 'GeoChart',
dataTable: [
  ['Country', 'Issuance (2019)'],
  ['GB', 20]
],
formatters: [
  {
    columns: [1],
    type: 'NumberFormat',
    options: {
      pattern: '#0',
     suffix: '%'
    }
  }
],

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

1 Answers1