将Json文件加载到Highmaps中

时间:2015-06-01 16:58:15

标签: javascript jquery json highcharts

我正在尝试将2个Json文件加载到Highmaps插件中。

  • 第一个是地图信息(几何)
  • 第二个是要显示的数据

第二个Json文件结构是:

var customerViewModel = function(){
    var self = this;
    self.Images = ko.observableArray([]);

    self.NotifyUser = function(){
        alert('Success');
    };
};

这是JSFIDDLE:

http://jsfiddle.net/reo0kxk8/28/

Highmaps未显示数据。

2 个答案:

答案 0 :(得分:0)

您使用的是哪种浏览器?它显示在 Chrome 中,但有一些错误。

对于 Firefox ,显示需要一些时间。

我认为错误是不访问json数据,因此首先从本地目录进行测试。 format: '{point.properties.MPIO_CNMBR}'。代码无法获得 MPIO_CNMBR 的值。

您错过了 Highmaps 库中的data.js文件。

添加以下内容

<script src="http://code.highcharts.com/maps/modules/data.js"></script>

答案 1 :(得分:0)

解决了:

 var data = [];
    $.getJSON("dataMap.json", function(json) {

            data=json;
    });

http://jsfiddle.net/reo0kxk8/29/