Highmaps,如何将数据从CSV传递到我的世界地图

时间:2016-10-26 06:35:36

标签: javascript highcharts highmaps

我有一个大型CSV文件,我需要从中选择不同列中的数据并将它们放在一张地图上。

如何选择要用于地图的列?假设我在第0列有国家/地区名称,在第8列有国家/地区代码,在第1列有数据。如何将它们传递给地图。

这是我使用的CSV阅读器:

            $.get('downloads/dg_mare_piwik_countries.csv', function(data) {
            // Split the lines

    var lines = data.split('\n');
    $.each(lines, function (lineNo, line) {
        var items = line.split(',');
        if(lineNo !== 0) {
            var iso_country = items[9],
            name=items[0],
            no_items = parseFloat(items[1]);
            //options.series[0].data.push([visits]);
            options.series[0].data.push({
            name: name,
            code3: iso_country,
            value: no_items
        });
            }

        });

        var chart = new Highcharts.Map(options);
    });

从高图示例中复制的地图

            var options = {
            chart: {
                renderTo: 'chart_container'
            },
        title: {
            text: 'Fixed tooltip with HTML'
        },

        legend: {
            title: {
                text: 'Population density per km²',
                style: {
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
                }
            }
        },

        mapNavigation: {
            enabled: true,
            buttonOptions: {
                verticalAlign: 'bottom'
            }
        },

        tooltip: {
            backgroundColor: 'none',
            borderWidth: 0,
            shadow: false,
            useHTML: true,
            padding: 0,
            pointFormat: '<span class="f32"><span class="flag {point.flag}"></span></span>' +
                ' {point.name}: <b>{point.value}</b>/km²',
            positioner: function () {
                return { x: 0, y: 250 };
            }
        },

        colorAxis: {
            min: 1,
            max: 1000,
            type: 'logarithmic'
        },

        series: [{
            data: [],
            mapData: Highcharts.maps['custom/world'],
            joinBy: ['iso-a2', 'code'],
            name: 'Population density',
            states: {
                hover: {
                    color: '#BADA55'
                }
            }
        }]
    };

抱歉可能太无知了。我不能简短地说出来,任何帮助都将深受赞赏。 谢谢。

0 个答案:

没有答案