Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 艺术地图变色_Javascript_Google Api_Geomap - Fatal编程技术网

Javascript 艺术地图变色

Javascript 艺术地图变色,javascript,google-api,geomap,Javascript,Google Api,Geomap,我可以找到所有背景色、colorAxis、datalessRegionColor等的配置名称。 但我只想更改绿色的默认颜色 示例代码: <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {'packages': ['geocha

我可以找到所有背景色、colorAxis、datalessRegionColor等的配置名称。 但我只想更改绿色的默认颜色

示例代码:

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
 google.load('visualization', '1', {'packages': ['geochart']});
 google.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Germany', 200],
      ['United States', 300],
      ['Brazil', 400],
      ['Canada', 500],
      ['France', 600],
      ['RU', 700]
    ]);

    var options = {};

    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
    chart.draw(data, options);
};
</script>

load('visualization','1',{'packages':['geochart']});
setOnLoadCallback(DrawRegionMap);
函数drawRegionsMap(){
var data=google.visualization.arrayToDataTable([
[‘国家’、‘受欢迎程度’],
[‘德国’,200],
[‘美国’,300],
[‘巴西’,400],
[Canada',500],
['France',600],
['RU',700]
]);
var选项={};
var chart=new google.visualization.geograpart(document.getElementById('chart_div'));
图表绘制(数据、选项);
};

地质艺术文档确实提供了您需要执行的操作的信息。颜色可在图表的
var选项中配置

如果您只想更改默认颜色,则只需在
颜色:
选项中指定所需的颜色。
例如:

    var options = {
    //Put your color hex code here
    colors: ['#FF0000'] //eg. red
};
默认情况下,这会将数据的颜色从最浅的阴影设置为为数据值范围(从最低到最高)指定的颜色。在您的代码中,这将是从200到700。但是,您可以指定希望数据的颜色范围
例如,如果希望数据从绿色变为蓝色,只需指定2种颜色即可

    var options = {
    //Put your colour hex code here
    colors: ['#00FF00','#0000FF']
};
不管你喜欢多少种颜色,你都可以这样做,但一般来说,如果你想展示国家之间的某种差异,最好只使用两种颜色来显示数据中的进展。看看这个例子


您可以通过上面提到的任何选项(如
colorAxis
)更多地使用颜色。文档对此进行了很好的解释。

您正在寻找以下内容:

options["defaultColor"] = '';
替换为您选择的颜色