关于树视图,是否可以为节点指定特定颜色?
Regarding tree view, is it possible to give a specific color to a node?
作为问题状态,想知道我是否可以在echarts树视图中为单个节点设置颜色。
如果不行,有没有办法解决问题?
例如我想要第 2 层的物理是蓝色,比例是黄色?
当然可以。您可以重新定义您想要的节点视觉方式。一般来说,这个选项可以从数据中设置。请 look at docs where this is explained as detailed as possible. I also made a simple demo 在 jsfiddle 上:
data: [{
"name": "flare",
"children": [{
"name": "analytics",
itemStyle: { // <--------- this
borderColor: 'blue'
},
"children": [{
"name": "cluster",
"children": [{
"name": "AgglomerativeCluster",
"value": 3938,
itemStyle: { // <--------- this
borderColor: 'blue'
}
},
{
"name": "CommunityStructure",
"value": 3812,
itemStyle: { // <--------- this
borderColor: 'yellow'
}
},
{
"name": "HierarchicalCluster",
"value": 6714
},
{
"name": "MergeEdge",
"value": 743
}
]
}]
}]
}]
作为问题状态,想知道我是否可以在echarts树视图中为单个节点设置颜色。
如果不行,有没有办法解决问题?
例如我想要第 2 层的物理是蓝色,比例是黄色?
当然可以。您可以重新定义您想要的节点视觉方式。一般来说,这个选项可以从数据中设置。请 look at docs where this is explained as detailed as possible. I also made a simple demo 在 jsfiddle 上:
data: [{
"name": "flare",
"children": [{
"name": "analytics",
itemStyle: { // <--------- this
borderColor: 'blue'
},
"children": [{
"name": "cluster",
"children": [{
"name": "AgglomerativeCluster",
"value": 3938,
itemStyle: { // <--------- this
borderColor: 'blue'
}
},
{
"name": "CommunityStructure",
"value": 3812,
itemStyle: { // <--------- this
borderColor: 'yellow'
}
},
{
"name": "HierarchicalCluster",
"value": 6714
},
{
"name": "MergeEdge",
"value": 743
}
]
}]
}]
}]