Javascript 在Highcharts的国家/地区图表中使用MapBubble

所以我有一个印度国家地图的虚拟数据。例如，我正在使用Highchart的印度地图虚拟数据

// Create the chart
Highcharts.mapChart('container', {
  chart: {
    map: 'countries/in/in-all'
  },
  title: {
    text: 'Highmaps basic demo'
  },
  subtitle: {
    text: 'Source map: <a href="http://code.highcharts.com/mapdata/countries/in/in-all.js">India</a>'
  },
  mapNavigation: {
    enabled: true,
    buttonOptions: {
      verticalAlign: 'bottom'
    }
  },
  colorAxis: {
    min: 0
  },
  series: [{
    type: 'mapbubble', // This I added
    data: data,
    name: 'Random data',
    states: {
      hover: {
        color: '#BADA55'
      }
    },
    dataLabels: {
      enabled: true,
      format: '{point.name}'
    }
  }]
});

//创建图表
Highcharts.mapChart（'容器'{
图表：{
地图：“国家/地区/全部”
},
标题：{
文本：“Highmaps基本演示”
},
副标题:{
文本：“源映射：”
},
地图导航：{
启用：对，
按钮选项：{
垂直排列：“底部”
}
},
颜色轴：{
最低：0
},
系列：[{
键入：“mapbuble”，//我添加了这个
数据：数据，
名称：'随机数据'，
国家：{
悬停：{
颜色：“#BADA55”
}
},
数据标签：{
启用：对，
格式：“{point.name}”
}
}]
});

这是我正在使用的示例：

但是当我尝试将图表更改为MapBubble类型时。图表正在消失：

就像下面的链接一样

我希望图表有mapBubble。但这是一个错误

---

非常感谢您的帮助。

您需要地图数据的另一个系列，以及具有

z

值的气泡系列中的数据：

    series: [{
        name: 'Countries',
        color: '#E0E0E0',
        enableMouseTracking: false
    }, {
        type: 'mapbubble',
        keys: ['hc-key', 'z'],
        joinBy: ['hc-key'],
        data: data,
        ...
    }]

---

现场演示：

---

API参考：

hi there@ppotaczek。我就知道你会来营救的。这正是我需要的。非常感谢。谢谢