0

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: {
      region: 'IN', // INDIA
      // colorAxis: {colors: ['#00F919', '#0FFFE4', '#1FA20F','#156930','#033E3B']},
       resolution: 'provinces',
       backgroundColor: '#00000',
      // datalessRegionColor: '#00000',
      // defaultColor: '#00000',
       'height': 400,
      // is3D: true
    }
  };

This is how I want to update this bar values Image

how do I update highlighted image bar values ?
Able to draw map with dynamic values but updating color bar values

tried below code for drawing map

  let ccComponent = this.geoChart.component;
        if(ccComponent){
        ccComponent.draw();
        }
Alpha
  • 1,413
  • 3
  • 9
  • 23
Alana
  • 1
  • 1
  • the legend bar color is derived from the `colorAxis` config option, which specifies the range of colors for your data. In the `colors` array, the first value is the color for the smallest value, and the last value is the color for the largest value in your dataset. If you specify more than two colors, interpolation will occur between them. there are a couple of different examples on the google docs page. on the [Marker Geocharts example](https://developers.google.com/chart/interactive/docs/gallery/geochart#marker-geocharts) the following is used --> `colorAxis: {colors: ['green', 'blue']}` – WhiteHat Dec 09 '22 at 20:17

0 Answers0