2017-02-17 4 views
0

Ich habe eine Highcharts Map mit zwei Mappoints. Sie können es unter http://jsfiddle.net/na85bqqp/1/ sehen.Wie zeichnet man Mapline mit Highcharts?

Das folgende Datenformat scheint nicht für Maplines zu funktionieren.

 data: [{ 
      name: 'London', 
      lat: 42.4072, 
      lon: -71.3824, 
     }, 
     { 
      name: 'Wisconsin', 
      lat: 43.7844, 
      lon: -88.7879, 
     }] 

Ich möchte diese beiden Punkte verbunden. Wie kann ich das erreichen? Highcharts Dokumentation für Mapline ist nicht korrekt, daher kann ich nicht herausfinden, wie ich den Mappoints per mapline beitreten kann.

Dies ist die endgültige Karte mit durch Linien ausgewählten Punkten. http://jsfiddle.net/na85bqqp/2/

Antwort

1

hinzufügen mapline in der Serie

{ 
    type: 'mapline', 
    name: 'Lines', 
    color: 'green', 
    data: [{ 
    name: 'line', 
    path: 'M 5900 -7860 L 9230 -8090', /*first pair(5900 -7860) is point for Wisconsin and second(9230 -8090) is for London */ 
    lineWidth: 3 
    }] 
} 

Fiddle link

+0

Wie Sie diese Zahlen nicht gefunden haben, 5.900 und -7860? Kann ich ohne ** Pfad ** in Daten arbeiten? Ich würde im Idealfall mögen, dass Mapline-Daten entweder mit lat/lon oder dem Namen der Stadt, d. H. Wisconsin und London, arbeiten. In meinem Dataset habe ich diese Nummern 5900 und -7860 nicht und ich möchte keine JavaScript-Funktion ausführen, um diese Zahlen zu erhalten, da ich meine Daten von Python serialisieren und mit Highcharts verwende. –

+1

Ändern dieses [Highmap-Dokumentendienstprogramm] (http://www.highcharts.com/docs/maps/adding-points-and-lines) - [Geige] (http://jsfiddle.net/gh/get/jquery /1.7.2/highslide-software/highcharts.com/tree/master/samples/maps/chart/events-click-getcoordinates/) Ich kann 'y' und' x' Wert bekommen. Sie müssen diese Werte in db speichern, während Sie die Werte "lat" und "lon" speichern –

Verwandte Themen