Блог

Я использую Highmap для создания карты и хочу отображать данные с разными диаграммами после нажатия (или наведения курсора мыши) на часть карты.

Вот пример (я не хочу использовать электронную таблицу Google для получения данных, я хочу использовать данные json) Мой пример

Пример Highmap здесь HighMap . (С использованием электронной таблицы Google)

Если кто-нибудь может помочь в этом, будет полезно.

Вот фрагмент кода

        Highcharts.each(Highcharts.maps, function (mapPoint) {
            var key = mapPoint.code,
                i = $.inArray(key, keys);
            options.series[0].data.push(Highcharts.extend({
                value : parseFloat(percent[i]),
                name : names[i],
                key: key
            }, mapPoint));
        });
  

Я не уверен, в чем вопрос, но постараюсь ответить. В общем, у вас есть диаграмма, но ваши данные серии не содержат значений, добавьте их и все заработает. Смотрите демонстрацию.

                 series: [{
                    name: 'Random data',  
                    data: [{
                        color: '#0200D0',
                        name : 'A',
                        y: 30
                    }, {
                        color: '#C40401',
                        name : 'B',
                        y: 20
                    }],
                    dataLabels: {
                        format: '<b>{point.name}</b> {point.percentage:.1f}%'
                    }
                }],
  

Конечно, эти значения всегда будут фиксированными. В вашем случае я бы использовал некоторый AJAX для получения JSON в pointClick() функции, а затем отображал данные из JSON на диаграмме.