Javascript 谷歌的颜色不起作用

Javascript 谷歌的颜色不起作用,javascript,jquery,csv,google-visualization,Javascript,Jquery,Csv,Google Visualization,我尝试了多种方法,但似乎没有一种方法能改变我的图表。我正在通过一个文件上传数组,一切似乎都正常,甚至更改了defaultColor,但colorAxis似乎不正常。你们能帮我吗?我将不胜感激。谢谢 /* CSV handling - START */ var processedData = []; var continent = $('select[name="continents"] option:selected').val(); $.get('example.csv', functi

我尝试了多种方法,但似乎没有一种方法能改变我的图表。我正在通过一个文件上传数组,一切似乎都正常,甚至更改了defaultColor,但colorAxis似乎不正常。你们能帮我吗?我将不胜感激。谢谢

/* 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 */

请参考谷歌开发者参考

变量选项={ 地区:'002',//非洲 colorAxis:{colors:['#00853f','黑色','#e31b23']}, 背景颜色:“#81d4fa”, datalessRegionColor:“#f8bbd0”, defaultColor:“#f5”, };

变量选项={ 地区:"IT",, 显示模式:“标记”, colorAxis:{colors:['green','blue']} };


请参考谷歌开发者参考

变量选项={ 地区:'002',//非洲 colorAxis:{colors:['#00853f','黑色','#e31b23']}, 背景颜色:“#81d4fa”, datalessRegionColor:“#f8bbd0”, defaultColor:“#f5”, };

变量选项={ 地区:"IT",, 显示模式:“标记”, colorAxis:{colors:['green','blue']} };


使用评论中的数据,图表的颜色似乎起作用

建议删除
sizeAxis的选项

数据表中的值范围从
100
2313
(不是
0
100
),
默认情况下,图表将进行处理

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var processedData=[
[‘国家’、‘流行’],
[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 sizerage=data.getColumnRange(1);
变量选项={
颜色轴:{colors:['#e7711c','#4374e0']},
//区域:非洲大陆,
宽度:“100%”,
高度:“100%”,
背景颜色:“无”
};
var chart=new google.visualization.geograpart(document.getElementById('chart_div'));
图表绘制(数据、选项);
},
包装:[“地球艺术”]
});

使用注释中的数据,图表的颜色似乎有效

建议删除
sizeAxis的选项

数据表中的值范围从
100
2313
(不是
0
100
),
默认情况下,图表将进行处理

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var processedData=[
[‘国家’、‘流行’],
[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 sizerage=data.getColumnRange(1);
变量选项={
颜色轴:{colors:['#e7711c','#4374e0']},
//区域:非洲大陆,
宽度:“100%”,
高度:“100%”,
背景颜色:“无”
};
var chart=new google.visualization.geograpart(document.getElementById('chart_div'));
图表绘制(数据、选项);
},
包装:[“地球艺术”]
});


请分享用于绘制图表的数据样本——对于区域模式,
colorAxis
需要数据中的第二列为数字——请参见……
国家、流行度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
这是示例代码。很抱歉迟了答复。空格代表新行,因为注释不接受新行。我已经整理好了。问题是csv解析器将数字作为字符串。谢谢大家。请分享用于绘制图表的数据示例——对于区域模式,
colorAxis
需要数据中的第二列为数字——请参阅……
国家、流行度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.00BM,400.00CA,322.00
这是示例代码。很抱歉迟了答复。空格代表新行,因为注释不接受新行。我已经整理好了。问题是csv解析器将数字作为字符串。谢谢你们,我都试过了。就像复制粘贴一样,除了颜色轴和一些视觉效果,所有的东西都可以用。我都试过了。就像完全复制和粘贴一样,除了颜色轴和很少的视觉效果,其他一切都可以正常工作。
  var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
  chart.draw(data, options);