Установите другой цвет для региона / провинции в стране

Question

Я создал карту индонезийской провинции.Я уже установил идентификатор региона и цвет для каждого региона.Я не знаю, как применять разные цвета в Highmaps.

Проверьте мою js fiddle

Я уже добавил ' colors ' в свойствах серии, но, похоже, это не работает.Все помогает!

Это мой код

  //set color region in here
    var data = [
    ['id-ac',"#8EE244"], //Aceh
    ['id-su',"#8644FE"]  //Sumatera Utara
    //more 31 province or region
];

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

    title: {
        text: 'Indonesia Maps'
    },
    mapNavigation: {
        enabled: true,
        buttonOptions: {
            verticalAlign: 'top'
        }
    },

    legend: {
            enabled: false
        },

    credits: {
      enabled: false
    },
    plotOptions:{
        series:{
            point:{
                events:{
                    click: function(){
                        //console.log(this);
                        alert("Province Code : "+this.options['hc-key']);
                    }
                }
            }
        }
    },
    series: [
    {
        data:  data,
        name: 'Provinsi',
        tooltip: {
           headerFormat: '',
           pointFormat: '{point.name}'
        },
        states: {
            hover: {
                color: '#BADA55'
            }
        }
    }
    ]
});

Answer 1

Очень минимальное изменение в вашем коде может решить эту проблему, предоставив значение keys:

series: [{
    data:  data,
    keys: ['hc-key', 'color'],
    // ...
}]

Это отображает первое значение в ваших данных на hc-keyи второе значение color данной точки данных.

См. эту демонстрацию JSFiddle ее использования.