时间戳

首页 > 解决方案 > 如何在悬停时更改图表单元格的颜色？

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

问题描述

我有一个 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' }});
    } 
}

标签： hoverjointjs

解决方案

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' }});
      }
    });

类 'uml-class-name-rect' 的 CSS 不能通过全局 css 文件同时设置。

推荐阅读