Bagaimana cara menggambar garis peta dengan grafik tinggi?

Saya memiliki peta grafik tinggi dengan dua titik peta. Anda dapat melihatnya di http://jsfiddle.net/na85bqqp/1/.

Format data berikut sepertinya tidak berfungsi untuk garis peta.

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

Saya ingin kedua titik ini terhubung. Bagaimana saya bisa mencapainya? Dokumentasi highcharts untuk mapline tidak tepat, jadi saya tidak tahu bagaimana cara menggabungkan titik peta dengan mapline.

Ini adalah peta terakhir dengan titik-titik yang dipilih berdasarkan garis. http://jsfiddle.net/na85bqqp/2/


person Akshar Raaj    schedule 17.02.2017    source sumber


Jawaban (1)


Tambahkan mapline pada rangkaiannya

 {
  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
  }]
}

Tautan biola

person Deep 3015    schedule 17.02.2017
comment
Bagaimana Anda menemukan angka-angka ini, 5900 dan -7860? Bisakah saya bekerja tanpa data jalur? Idealnya saya ingin data garis peta berfungsi dengan lintang/bujur atau nama kota, yaitu Wisconsin dan London. Dalam kumpulan data saya, saya tidak memiliki angka-angka ini 5900 dan -7860 dan saya tidak ingin menjalankan fungsi javascript apa pun untuk mendapatkan angka-angka ini, karena saya membuat serial data saya dari python dan menggunakannya dengan grafik tinggi. - person Akshar Raaj; 18.02.2017
comment
memodifikasi utilitas dokumen peta tinggi -- biola saya bisa mendapatkan nilai y dan x. Anda harus menyimpan nilai ini di db karena Anda menyimpan nilai lat dan lon - person Deep 3015; 18.02.2017