2014-01-16 5 views
7

Ich habe eine Google GeoChart mit den folgenden Spalten mit:Google GeoChart: benutzerdefinierte Anzeigename lat/long-Marker und beide Werte

// Lat, Long, Value 1, Value 2 
[-22.764042, -43.39921 , 2.86, 1], 
[-22.755635, -43.460325 , 3.70, 2], 
[-22.912897, -43.200295 , 0.50, 1], 
[-22.805776 , -43.37292 , 6.67, 2], 
[-23.532905 , -46.63952 , 33.33, 5] 
// ...many rows 

Ich habe die anderen Antworten überprüft, aber sie funktionieren hier nicht.

I können diese Wertspalten nicht verwenden, um ein Label anzuzeigen, da beide in diesem Diagramm wichtig sind.

kann Adressen anstelle von lat/long nicht verwenden, weil es wirklich, wirklich langsam ist, alle Markierungen zu laden (und sie sind viele im realen Diagramm).

Ich habe versucht Formatierer anzuwenden, dies zu lösen, aber es scheint, dass sie von der Bibliothek überschrieben werden, die eine „schöne“ anzuzeigen Koordinate (22º76'4042 „S, 43º39'921“ W statt -22,764042, -43,39921)

gibt es eine Möglichkeit, den Chart-Marker mit den Koordinaten laden konnte, aber Display ein benutzerdefiniertes Etikett auf ihrem Tooltips?

Antwort

9

Sie können eine „String“ Typen Spalte nach der lat/long Spalten hinzufügen, um dem Datenpunkt für die Tooltips ein Etikett zu geben:

var data = new google.visualization.DataTable(); 
data.addColumn('number', 'Latitude'); 
data.addColumn('number', 'Longitude'); 
data.addColumn('string', 'Label'); 
data.addColumn('number', 'Value 1'); 
data.addColumn('number', 'Value 2'); 

data.addRows([ 
    [-22.764042, -43.39921, 'Foo', 2.86, 1], 
    [-22.755635, -43.460325, 'Bar', 3.70, 2], 
    [-22.912897, -43.200295, 'Baz', 0.50, 1], 
    [-22.805776, -43.37292, 'Cad', 6.67, 2], 
    [-23.532905, -46.63952, 'Qud', 33.33, 5] 
]); 

Siehe Beispiel hier: http://jsfiddle.net/asgallant/GKmm5/

Verwandte Themen