Javascript Highcharts在React TypeScript中映射的自定义数据？

如何将自定义的

数据

添加到地图

系列

当前，自定义数据是一个类似数组的对象

data:[字符串，数字][]

，其值类似于：

[[“us”，0]，“uk”，0]，…]

另外，看起来数据是

joinBy:[“hc key”，“hc key”]

，但我甚至无法访问

工具提示中的
hc key
：

tooltip: {
        headerFormat: '',
        formatter: function () {
            const country = this.point;
            console.log(this);
    // cannot access this['hc-key'] or country['hc-key']
            const info = `The value for ${country.name} is ${country.value}`
            return info;
        }
    },
// I also filter country by value like this:
colorAxis: {
        dataClasses: [
            {
                from: 0,
                to: 0,
                color: "#9E9E9E",
                name: 'No Data'
            }, 

如何使
系列
接受这样的数据结构，而不是数组
[[]、[]、…]
：

[
  {country: 'us', name: 'USA', some_value: 0, some_other_values: [{...},{...},...],...},
...
]


因此，我可以在工具提示中显示更多信息，但仍然可以根据每个国家的
某些值来设置其样式

我已经看过了答案，像和，但他们不适合我

我正在使用这个示例中的代码。
我准备了一个非常简单的演示示例，演示如何创建满足您需求的数据

演示：

数据：

var data = [{
  'hc-key': 'in',
  value: 20,
  customValue: [10, 20]
}]

自定义值可以通过使用格式化程序功能显示在工具提示中：

这是一种获取完整地图数据数组的方法，您可以在其中找到通缉国家的hc密钥

console.log(chart.series[0].mapData)

谢谢你，塞巴斯蒂安！让我试试，然后再回复你。当然，我们可以在这里继续这个帖子，或者如果有新的问题，开始一个新的话题。谢谢。你的答案正是我想要的！