css - 文本宽度截断细胞景观

Question

我在 cytoscape 中的节点下方遇到文本截断问题。

我已经尝试过 css，但文本仍然被截断。

export const styles = [
  {
    selector: 'node',
    style: {
      label: 'data(label)',
      width: 'mapData(weight, 40, 80, 20, 60)',
      height: 'mapData(weight, 40, 80, 20, 60)',
      content: 'data(name)',
      'background-color': 'data(colorCode)',
      color: '#262626',
      'font-size': 15
    }
  },
  {
    selector: ':selected',
    style: {
      'border-width': 1,
      'border-color': 'black',
      'font-size': 17
    }
  },

{
    selector: '.bottom-center',
    style: {
      'text-valign': 'bottom',
      'text-halign': 'center'
    }
  }

示例:

文本 “12 - Test user is doing good” 位于节点下方但被截断如下:“- Test user is doin”

Answer 1

糟糕的是，不得不在样式中对文本使用“换行”，它完成了工作