Highmaps, как передать данные из CSV на мою карту мира

У меня есть большой CSV-файл, из которого мне нужно выбрать данные из различных столбцов и поместить их на карту High-Map.

Как выбрать столбцы для использования на карте? Допустим, у меня есть названия стран в столбце 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);
    });

И карта, скопированная с примера highmaps

            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 ответов

Другие вопросы по тегам