GeoChart'ın nasıl kullanıldığını anlamak için sürekli olarak (ör., Temperture) bir veri görüntülemek.Google GeoChart ile farklı renkler nasıl kullanılır?
Ancak bunu, farklı veri kümelerini (cumhuriyetçi, demokratik, bağımsız devletler) görüntülemek için nasıl yapılandırabilirsiniz? Mümkün mü?
Teşekkürler!
Şu anda GeoChart'ı bu şekilde kullanmak mümkün değildir. Bunu başarmak için bir svg haritası kullanarak ve dolguyu css ile değiştirdim.
İyi öğretici
burada bulunabilir: http://blog.visual.ly/how-to-make-choropleth-maps-in-d3/Böyle bir şey denediniz mi?
data.addColumn('string', 'State');
data.addColumn('number', 'Votes (%)');
data.addColumn('string', 'Winner');
data.addRows([['Alabama', 56, 'Republicans'],['Maine', 61, 'Democrats']]);
Ayrıca biraz verilerini masaj ve etiketler için biçimlendirilmiş değerleri kullanarak bunu çözebiliriz. Bir örnek görmek için here aşağıdaki kodu yapıştırın gerekir:
function drawVisualization() {
var geoData= new google.visualization.DataTable();
geoData.addRows(2);
geoData.addColumn('string', 'State');
geoData.addColumn('number', 'Votes (%)');
geoData.setValue(0, 0, 'Alabama');
geoData.setValue(0, 1, 0);
geoData.setFormattedValue(0, 1, '56%');
geoData.setValue(1, 0, 'Maine');
geoData.setValue(1, 1, 1);
geoData.setFormattedValue(1, 1, '64%');
var options = {};
options['region'] = 'US';
options['resolution'] = 'provinces';
options['colorAxis'] = { minValue : 0, maxValue : 1, colors : ['#FF0000','#0000FF']};
options['backgroundColor'] = '#FFFFFF';
options['datalessRegionColor'] = '#E5E5E5';
options['width'] = 556;
options['height'] = 347;
options['legend'] = 'none';
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(geoData, options);
}
Bu şimdi yerine parti isimleri numaralarıyla sınıflandırmaları dönüştürerek gerçekleştirilebilir. Örneğin:
var options = {
colorAxis: {
colors: ['blue','green','red']
...
}
}
Aşağıdaki kod yeşili gibi demokratik mavi olarak durumları, kırmızı olarak Cumhuriyetçileri ve bağımsızları görüntüler (veridir:
democrats = 0
independents = 1
republicans = 2
Sonraki colorAxis renkler dizideki her parti için bir renk alır ki, hangi devletlerin hangi partiyi tercih ettiğimi bilmiyorum).
<html>
<head>
<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([
['State', 'Party'],
['US-NY', 0],
['US-AB', 2],
['US-TX', 2],
['US-CA', 0],
['US-AK', 2],
['US-MI', 1]
]);
var options = {
displayMode: 'regions',
resolution:'provinces',
colorAxis:{
colors:['blue','green','red'],
minValue: 0,
maxValue:2},
region:'US',
legend:'none'
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="regions_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
Sürece colorAxis listelediğimiz renkler devletler için kullanmak sınıflandırmaların sayısını siparişe uygun olup, sen devletin rengini kontrol edebilirsiniz.
