如何在悬停时更改图表单元格的颜色？

Question

我有一个 uml 图，我想在光标位于其中时更改一个单元格的颜色。

我尝试以编程方式执行此操作，但它不起作用。

这是我的代码：

paper.on('cell:mouseover', function(cellView, evt, x, y) { 
    var cell = graph.getCell(cellView.model.id)

    if (cell.isElement()) {
         cellView.model.attr({'uml-class-name-rect': { fill: '#33C3FF' }});
    } 
}

Answer 1

paper.on('cell:mouseenter', function(cellView) { 
      var cell = graph.getCell(cellView.model.id);

      if (cell.isElement()) {
        cellView.model.attr({'.uml-class-name-rect': { 'fill': '#33C3FF' }});
      }
    });

无法通过全局 css 文件同时设置 class 'uml-class-name-rect' 的

CSS。

如何在悬停时更改图表单元格的颜色？

How to change the color of a diagram cell while hovering?

hover

jointjs