Ontotext GraphDB如何在Visual Graph中分配颜色?
How does Ontotext GraphDB assign colors in Visual Graph?
我一直在尝试使用 Ontotext GraphDB 创建一些图形可视化。我希望我对相同数据进行的各种可视化之间的颜色保持一致。我知道着色是基于类型的,但似乎并不一致。例如,如果我创建一个仅包含 A
类型节点的可视化图表,分配给节点的颜色可能是红色,但如果我创建一个包含 A
类型节点且类型 B
,那么看来 A
类型节点的颜色不会保证仍然是红色的。
我想了解可视化系统根据类型分配颜色的机制。
附带说明一下,我还遇到了较大网络的问题,其中图形的节点变得大于 window 的大小,因此我无法一次查看所有节点,即使我一路缩小。
颜色基于节点的类型,并且每次都会生成类型的颜色(我们不会持久化它们)。
不幸的是,您无法在不接触源代码的情况下在 GraphDB Workbench 中指定 Visual Graph 节点颜色,因此您需要从 github 克隆 GraphDB Workbench 并在源代码中为您的类型设置颜色但是我会指导你怎么做,非常简单。
从这里克隆或分叉项目https://github.com/Ontotext-AD/graphdb-workbench
(那里有一个很好的指南如何 运行 你的 workbench 对抗 运行ning GraphDB)
打开src/js/angular/graphexplore/controllers/graphs-visualizations.controller.js并找到函数$scope.getColor.
您可以在那里指定您的颜色和类型,即:
$scope.getColor = function (type) {
if (type === 'http://myBarType') {
return "#6495ED"
}
if (type === 'http://myFooType')
{
return "#90EE90";
}
if (angular.isUndefined(type2color[type])) {
type2color[type] = colorIndex;
colorIndex++;
}
我一直在尝试使用 Ontotext GraphDB 创建一些图形可视化。我希望我对相同数据进行的各种可视化之间的颜色保持一致。我知道着色是基于类型的,但似乎并不一致。例如,如果我创建一个仅包含 A
类型节点的可视化图表,分配给节点的颜色可能是红色,但如果我创建一个包含 A
类型节点且类型 B
,那么看来 A
类型节点的颜色不会保证仍然是红色的。
我想了解可视化系统根据类型分配颜色的机制。
附带说明一下,我还遇到了较大网络的问题,其中图形的节点变得大于 window 的大小,因此我无法一次查看所有节点,即使我一路缩小。
颜色基于节点的类型,并且每次都会生成类型的颜色(我们不会持久化它们)。 不幸的是,您无法在不接触源代码的情况下在 GraphDB Workbench 中指定 Visual Graph 节点颜色,因此您需要从 github 克隆 GraphDB Workbench 并在源代码中为您的类型设置颜色但是我会指导你怎么做,非常简单。
从这里克隆或分叉项目https://github.com/Ontotext-AD/graphdb-workbench
(那里有一个很好的指南如何 运行 你的 workbench 对抗 运行ning GraphDB)
打开src/js/angular/graphexplore/controllers/graphs-visualizations.controller.js并找到函数$scope.getColor.
您可以在那里指定您的颜色和类型,即:
$scope.getColor = function (type) {
if (type === 'http://myBarType') {
return "#6495ED"
}
if (type === 'http://myFooType')
{
return "#90EE90";
}
if (angular.isUndefined(type2color[type])) {
type2color[type] = colorIndex;
colorIndex++;
}