хороплетная карта Малайзии с бегунком диапазона JS - PullRequest
Новая
       17

хороплетная карта Малайзии с бегунком диапазона JS

0 голосов
/ 13 февраля 2019

Я пробовал с высокими чартами.Но нет никакой возможности иметь ползунок диапазона, чтобы изменить цвет карты.

Мне нужна карта Малайзии с изменением цвета штатов в соответствии с ползунком.У D3 js есть только штаты США со слайдером. 

var data = [
['my-sa', 0],
['my-sk', 1],
['my-la', 2],
['my-pg', 3],
['my-kh', 4],

 ];

// Create the chart
Highcharts.mapChart('container', {
chart: {
    map: 'countries/my/my-all'
},

title: {
    text: 'Highmaps basic demo'
},

subtitle: {
    text: 'Source map: <a href="http://code.highcharts.com/mapdata/countries/my/my-all.js">Malaysia</a>'
},

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

colorAxis: {
    min: 0
},

series: [{
    data: data,
    name: 'Random data',
    states: {
        hover: {
            color: '#BADA55'
        }
    },
    dataLabels: {
        enabled: true,
        format: '{point.name}'
    }
}, {
    name: 'Separators',
    type: 'mapline',
    data: Highcharts.geojson(Highcharts.maps['countries/my/my-all'], 'mapline'),
    color: 'silver',
    showInLegend: false,
    enableMouseTracking: false
}]

});

Есть мысли?

1 Ответ

0 голосов
/ 14 февраля 2019

Очень легко реализовать слайдер диапазона с Highmaps.Я подготовил пример с картой карты Малайзии: 

$('#slider').on('input', function(e) {
    ...
    chart.series[0].setData(data[this.value]);
});

Демонстрационная версия: http://jsfiddle.net/BlackLabel/rkutdxva/

API: https://api.highcharts.com/class-reference/Highcharts.Series#setData

...