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++;
    }