Google GeoCharts Farben funktionieren nicht

Question

Ich habe versucht, mehrere Dinge anzuwenden, aber keiner von ihnen scheint zu arbeiten, um meine Diagramme zu ändern. Ich lade das Array durch eine Datei und alles scheint zu funktionieren, sogar die Standardfarbe ändern, aber colorAxis scheint nicht zu funktionieren. Könnt ihr mir (und Mädchen) helfen, wäre ich dankbar. Dank

/* CSV handling - START */ 

var processedData = []; 

var continent = $('select[name="continents"] option:selected').val(); 

$.get('example.csv', function(data) { 

    processedData = $.csv.toArrays(data); 

}, 'text'); 


/* CSV handling - END */  

/* Google Charts */ 



google.charts.load('current', { 
    'packages':['geochart'], 
    // Note: you will need to get a mapsApiKey for your project. 
    // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings 
    'mapsApiKey': //doesn't matter 
    }); 
    google.charts.setOnLoadCallback(drawRegionsMap); 

    function drawRegionsMap() { 
    var data = google.visualization.arrayToDataTable(processedData, false); 

    var options = { 
     sizeAxis: { minValue: 0, maxValue: 100 }, 
     colorAxis: {colors: ['#e7711c', '#4374e0']}, 
     region: continent, 
     width: '100%', 
     height: '100%', 
     backgroundColor: 'none' 
    }; 

    var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 

    chart.draw(data, options); 
    } 

/* Google Charts - End */ 

Answer 1

Bitte beachten Sie Google Developer Referenz

https://developers.google.com/chart/interactive/docs/gallery/geochart#important

var options = { Region: '002', // Afrika colorAxis: {Farben: [ '# 00853f', ' schwarz ',' # e31b23 '}}, backgroundColor:' # 81d4fa ', datelessRegionColor:' # f8bbd0 ', defaultColor:' # f5f5f5 ', };

https://developers.google.com/chart/interactive/docs/gallery/geochart#coloring-your-chart

var options = { Region: 'IT', displaymode: 'Marker', colorAxis: {Farben: [ 'grün', 'blau']} };

var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 

Answer 2

die Daten aus dem Kommentar mit, scheinen die Diagrammfarben für sizeAxis
die Werte in der Datentabelle Bereich 100-2313 (nicht 0-100)

empfehlen Entfernen der Optionen zu arbeiten,
wird das Diagramm

siehe folgende Arbeits Schnipsel ...

0 standardmäßig behandeln

google.charts.load('current', { 
 
    callback: function() { 
 
    var processedData = [ 
 
     ['Country','Popularity'], 
 
     ['HR',300.00], 
 
     ['RU',100.00], 
 
     ['FR',200.00], 
 
     ['BR',2000.00], 
 
     ['DZ',222.00], 
 
     ['US',333.00], 
 
     ['DE',555.00], 
 
     ['DD',999.00], 
 
     ['SZ',2313.00], 
 
     ['AU',2222.00], 
 
     ['BM',400.00], 
 
     ['CA',322.00] 
 
    ]; 
 

 
    var data = google.visualization.arrayToDataTable(processedData); 
 
    var sizeRange = data.getColumnRange(1); 
 
    var options = { 
 
     colorAxis: {colors: ['#e7711c', '#4374e0']}, 
 
     //region: continent, 
 
     width: '100%', 
 
     height: '100%', 
 
     backgroundColor: 'none' 
 
    }; 
 
    var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 

 
    }, 
 
    packages: ['geochart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>