Ontotext GraphDB 如何在 Visual Graph 中分配颜色？

【问题标题】：How does Ontotext GraphDB assign colors in Visual Graph?Ontotext GraphDB 如何在 Visual Graph 中分配颜色？
【发布时间】：2021-02-12 22:40:24
【问题描述】：

我一直在尝试使用 Ontotext GraphDB 创建一些图形可视化。我希望颜色在我用相同数据制作的各种可视化之间保持一致。我知道颜色是基于类型的，但它似乎并不一致。例如，如果我创建一个只有 A 类型的节点的可视图，则分配给节点的颜色可能是红色，但是如果我创建一个带有 A 类型的节点并输入 B 的可视图，那么它似乎A 类型的节点的颜色不能保证仍然是红色。

我想了解可视化系统根据类型分配颜色的机制。

作为旁注，我也遇到了较大网络的问题，其中图形的节点变得大于窗口的大小，因此即使我缩小所有节点，我也无法一次查看所有节点路。

【问题讨论】：

标签： graphdb

【解决方案1】：

颜色基于节点的类型，并且每次都会生成类型的颜色（我们不会持久化它们）。不幸的是，您无法在不接触源代码的情况下在 GraphDB Workbench 中指定 Visual Graph 节点颜色，因此您需要从 github 克隆 GraphDB Workbench 并在源代码中为您的类型设置颜色，但我将指导您如何操作，它是非常简单。

从https://github.com/Ontotext-AD/graphdb-workbench这里克隆或分叉项目

（那里有一个很好的指南，如何针对正在运行的 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++;
    }

【讨论】：

谢谢！！这非常有用。