Question

我有一张带有两个mappoints的highcharts地图。你可以在http://jsfiddle.net/na85bqqp/1/看到它。

以下数据格式似乎不适用于地图线。

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

我想要连接这两点。我怎样才能做到这一点？ mapline的Highcharts文档不合适，所以我无法弄清楚如何通过mapline加入mappoints。

这是由线条选择点的最终地图。 http://jsfiddle.net/na85bqqp/2/

Answer 1

在系列

中添加mapline

 {
  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

如何用highcharts绘制地图线？

1 个答案: