Highcharts 自定义符号和每个节点的颜色

Question

我一直在看这个 fiddle 试图理解 Highcharts 网络图：https://jsfiddle.net/20g58t9f/

我想做的是对图中的每个节点应用不同的 colour/shape。我原以为这样的事情会奏效：

marker: {
  radius: 40,
  symbol: '{point.symbol}',
  fillColor: '{point.fillcolor}'
},
data:  [{
  from: {
    name: 'n1',
    rel: "myRelation",
  },
  to: 'n2',
  fillcolor: 'green',
  symbol: 'triangle'
}, {
  from: 'n2',
  to: 'n3',
  fillcolor: 'blue',
  symbol: 'square'
}];

虽然没有；每个节点最终都是一个黑色圆圈。我也找不到有关如何在此示例中使用 point 的任何信息（https://api.highcharts.com/class-reference/Highcharts.Point 没有帮助）。有人有什么建议吗？

Answer 1

您需要使用 nodes 选项来自定义单个节点。

nodes: [{
  id: 'n2',
  color: 'yellow',
}, {
  id: 'n3',
  color: 'red',
  marker: {
    symbol: 'triangle'
  }
}, {
  id: 'n4',
  color: 'green',
  marker: {
    symbol: 'square'
  }
}]

现场演示： https://jsfiddle.net/BlackLabel/etug64kw/

API参考：https://api.highcharts.com/highcharts/series.networkgraph.nodes

Highcharts 自定义符号和每个节点的颜色

Highcharts custom symbol and colour per node

highcharts