antv g6 如何在 stateStyles 中配置 labelCfg

Question

版本: antv/g6@3.6.1
日期: 2020-08-21
问题: node 和 edge 是可以直接配置的，但是 label 需要遍历 update，数据量小的话还不明显，但是我们有的场景动辄几千的节点，点击事件遍历修改label非常非常的慢，请问有什么好的优化方案吗

Answer 1

根据官方文档的说明，从 AntV G6 3.4 版本开始已经支持子图形状态样式：

  nodeStateStyles: {
    hover: {
      opacity: 0.6,
      'text-shape': {
        opacity: 0.6,
      },
    },
    click: {
      stroke: '#000',
      'text-shape': {
        fill: '#000',
      },
    },
  },

子节点中 name 属性值可以从源码中查到。