我想向用户展示Highchart JS的网络图中哪些节点是某种类型。
例如,红色节点是关于“汽车”的,黑色节点是关于“人”的。
如何在Highchart Js中实现这样的图例?
Here是我的代码。
Highcharts.seriesTypes.networkgraph.prototype.drawLegendSymbol = Highcharts.LegendSymbolMixin.drawRectangle;
Highcharts.chart('container', {
chart: {
type: 'networkgraph'
},
plotOptions: {
networkgraph: {
keys: ['from', 'to']
}
},
legend: {
enabled: true
},
series: [{
showInLegend: true,
data: [
['A', 'B'],
['C','D'],
['E','F']
],
nodes:[{
id:'A',
color:'#ff1000'
},{
id:'B',
color:'#222222'
},
{
id:'C',
color:'#ff1000'
},
{
id:'D',
color:'#222222'
},
{
id:'E',
color:'#ff1000'
},
{
id:'F',
color:'#222222'
},]
}]
});
先谢谢你了。
2条答案
按热度按时间0yycz8jy1#
您是否尝试过将
dataLabel
添加到series
属性并为节点添加名称。大概是这样的:
完整示例:
https://codepen.io/tiagotedsky/pen/zYZYOLR
8aqjt8rx2#
现在你可以使用dataClasses来做简单的标记。对于复杂的标记,您可以添加一些类型为
bubble
的虚拟系列。