Highcharts 8.0.4版本网络图中如何设置不同节点大小？

我刚好熟悉Highcharts 8.0.4版本里网络图的配置逻辑，你遇到的问题是因为这个版本的网络图节点尺寸配置方式和你习惯的不一样——不再支持把radius放在marker对象里，而是要把radius作为节点对象的一级属性来定义。

正确的配置示例 #

直接在每个节点对象中声明radius属性即可实现不同节点的大小差异：

nodes: [
  { 
    id: 'Seoul ICN', 
    radius: 30, // 直接在这里设置节点半径
    color: dirDist50 
  },
  { 
    id: 'New York JFK', 
    radius: 18, // 另一个节点的不同大小
    color: '#2ecc71' 
  },
  { 
    id: 'London LHR', 
    radius: 24, // 自定义第三个节点的大小
    color: '#3498db' 
  }
]

补充说明 #

在Highcharts 8.x的networkgraph系列中，节点的样式配置是独立于普通图表的marker逻辑的：

• 如果需要设置全局默认的节点大小，可以在series.networkgraph.node中配置默认值，单个节点的radius会覆盖这个默认值：

series: [{
  type: 'networkgraph',
  node: {
    radius: 12, // 所有节点的默认大小
    color: '#95a5a6'
  },
  nodes: [
    { id: 'Seoul ICN', radius: 30, color: dirDist50 },
    // 其他节点...
  ],
  // 其他网络图配置（比如links、layout等）
}]

• 这种配置方式是网络图组件特有的设计，目的是更简洁地管理节点的核心视觉属性，和散点图等其他依赖marker的图表类型区分开。

内容的提问来源于stack exchange，提问作者Mueed Ullah Anwar