Function labelBuild

tensorboard/plugins/graph/tf_graph_common/node.ts:410–462

* Append svg text for label and assign data. * @param nodeGroup * @param renderNodeInfo The render node information for the label. * @param sceneElement polymer element.

(
  nodeGroup,
  renderNodeInfo: render.RenderNodeInfo,
  sceneElement
)

 * @param sceneElement <tf-graph-scene> polymer element.
 */
function labelBuild(
  nodeGroup,
  renderNodeInfo: render.RenderNodeInfo,
  sceneElement
) {
  let text = renderNodeInfo.displayName;
  // Truncate long labels for unexpanded Metanodes.
  let useFontScale =
    renderNodeInfo.node.type === NodeType.META && !renderNodeInfo.expanded;
  let label = tf_graph_common.selectOrCreateChild(
    nodeGroup,
    'text',
    Class.Node.LABEL
  );
  // Make sure the label is visually on top among its siblings.
  let labelNode = <HTMLElement>label.node();
  labelNode.parentNode?.appendChild(labelNode);
  label.attr('dy', '.35em').attr('text-anchor', 'middle');

  // In tf-graph-scene styles, fontSizes are defined to vary from 6px to 9px. Since we
  // do not want to invoke computedStyles or hardcode the fontSize that would be
  // duplicated in styles, we are rounding it to 8px which does not cause any visible
  // jank.
  let fontSize = 8;

  switch (renderNodeInfo.node.type) {
    case NodeType.META:
      fontSize = renderNodeInfo.expanded
        ? FontSizeInPx.Node.EXPANDED_LABEL
        : FontSizeInPx.Node.SERIES_LABEL;
      break;
    case NodeType.OP:
      fontSize = FontSizeInPx.Node.OP_LABEL;
      break;
  }

  if (useFontScale) {
    if (text.length > sceneElement.maxMetanodeLabelLength) {
      text = text.substr(0, sceneElement.maxMetanodeLabelLength - 2) + '…';
    }
    let scale = getLabelFontScale(sceneElement);
    label.attr('font-size', scale(text.length) + 'px');
    fontSize = scale(text.length);
  }
  let txtElement = <d3.Selection<any, any, any, any>>label.text(text);
  enforceLabelWidth(
    txtElement,
    renderNodeInfo.node.type,
    fontSize,
    renderNodeInfo
  );
  return label;
}

/**
 * This function shortens text which would exceed the maximum pixel width of