Javascript 更改特定省份的地图颜色

我正在使用演示链接

//准备演示数据
//默认情况下，使用“hc键”属性的值将数据连接到映射。
//有关链接数据和地图的更多信息，请参阅“joinBy”的API文档。
风险值数据=[
[it-na'，0]，
[it-tp'，1]，
[it-pa'，2]，
[it-me'，3]，
...
[it-pn'，107]，
[it-vi'，108]，
[it-tv'，109]
];
//创建图表
Highcharts.mapChart（'容器'{
图表：{
地图：“国家/信息技术/一切”
},
标题：{
文本：“Highmaps基本演示”
},
副标题:{
文本：“源映射：”
},
地图导航：{
启用：对，
按钮选项：{
垂直排列：“底部”
}
},
颜色轴：{
最低：0
},
系列：[{
数据：数据，
名称：'随机数据'，
国家：{
悬停：{
颜色：“#BADA55”
}
},
数据标签：{
启用：对，
格式：“{point.name}”
}
}]
});

---

这是演示代码，但我想更改仅用于特定省份的颜色。实际上所有的省份都是蓝色的，但我想根据地区改变颜色。

我也尝试过这样做：

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

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

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

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

    colorAxis: {
        min: 0
    },

    series: [
            {
        name: 'Prodotti Acquistati Area1',
        states: {
            hover: {
                color: '#BADA55'
            }
        },
        dataLabels: {
            enabled: true,
            format: '{point.name}'
        },
        data: [
    ['it-na', 0],
    ['it-tp', 1],
    ['it-pa', 2]
                            ] 
             },
         {
        name: 'Prodotti Acquistati Area2',
        states: {
            hover: {
                color: '#BADA55'
            }
        },
        dataLabels: {
            enabled: true,
            format: '{point.name}'
        },
        data: [
    ['it-rm', 52],
    ['it-ch', 53],
    ['it-vt', 54]
                            ]
                }
        ]
});

Highcharts.mapChart（'container'）{
图表：{
地图：“国家/信息技术/一切”
},
标题：{
文本：“Highmaps基本演示”
},
副标题:{
文本：“源映射：”
},
地图导航：{
启用：对，
按钮选项：{
垂直排列：“底部”
}
},
颜色轴：{
最低：0
},
系列：[
{
名称：'Prodotti Acquistati Area 1'，
国家：{
悬停：{
颜色：“#BADA55”
}
},
数据标签：{
启用：对，
格式：“{point.name}”
},
数据：[
[it-na'，0]，
[it-tp'，1]，
[it-pa'，2]
] 
},
{
名称：'Prodotti Acquistati Area 2'，
国家：{
悬停：{
颜色：“#BADA55”
}
},
数据标签：{
启用：对，
格式：“{point.name}”
},
数据：[
[it-rm'，52]，
[it-ch'，53]，
[it-vt'，54]
]
}
]
});

---

但是它只加载第二个系列。…

您可以通过向特定数据点添加颜色并设置

keys

属性来指定哪个选项映射到数据点数组中的哪个键来实现。检查下面发布的演示和代码

代码：

var data = [
  ['it-na', 0, 'red'],
  ['it-tp', 1, 'green']
]

chart: {
  series: [{
        data: data,
    keys: ['hc-key', 'value', 'color']
  }]
}

演示：

var data = [
  ['it-na', 0, 'red'],
  ['it-tp', 1, 'green']
]

chart: {
  series: [{
        data: data,
    keys: ['hc-key', 'value', 'color']
  }]
}

API参考：

var data = [
  ['it-na', 0, 'red'],
  ['it-tp', 1, 'green']
]

chart: {
  series: [{
        data: data,
    keys: ['hc-key', 'value', 'color']
  }]
}

---

谢谢你的回复，但这样我就失去了色彩层次。。。我想保留选择颜色阴影的可能性，并且能够选择哪种颜色…可能吗？您可以使用

colorAxis.stops

：。演示：现在它可以工作了，但由于某些原因，鼠标结束时上下文按钮标题不会出现……知道吗？上下文按钮标题是什么？右上角的菜单，您可以在其中下载各种格式的图表。当你把鼠标放在上面的时候，它会出现一个标题，我再也看不到了。。。我不明白我为什么会有新问题。。如果我将一系列值传递给意大利地图，它将根据我定义的细微差别比例着色。如果单击更新序列的按钮，数据将更新，但色阶始终保持第一个加载的色阶。我尝试使用Mapchart.reload（）或Mapchart.redraw（），但没有任何效果。。。如何强制地图更新？