使用网络图表的自定义选项？

Question

我是一些网络图库（dataviz、v-network-graph）的前用户...

如果我离开第一个而选择最新的一个，我仍然面临一些我想要解决的问题。

我正在查看 highchartJs，即使不是免费的，它看起来很有前途，而且似乎更容易使用。

我的需求很简单：

• 我需要完整的交互支持（选择、拖放...）
• 我需要能够动态更改地图（无法推测哪些节点将位于此处）
• 我需要能够自定义节点。不是我不喜欢气泡，而是我想使用自定义图标而不是默认绘图。

从文档来看，我认为HighchartJS绝对有能力，但还有一点我无法回复......

是否可以使用自定义 svg 图标而不是彩色绘图？如果是这样，我应该在哪里找到文档？

Answer 1

没错，使用 Highcharts 就可以满足您的所有要求。

也可以使用自定义 SVG 图标而不是彩色图，只需使用

series.marker.symbol

选项为所有系列节点定义通用符号，或使用

series.nodes.marker.symbol

为特定节点定义公共符号。

  series: [{
    marker: {
        symbol: 'url(...)'
    },
    data: [
      ...
    ]
  }]

---

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

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

有用的主题：

https://www.highcharts.com/forum/viewtopic.php?t=45874

使用 FontAwesome 图标作为 HighChart 标记