← 返回首页
javascript/samples/HighlightPathAnnotation.md at master · BasicPrimitives/javascript · GitHub
Skip to content

Navigation Menu

Toggle navigation
Sign in
Appearance settings
Search or jump to...

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
Resetting focus

Latest commit

 

History

History
28 lines (16 loc) · 1.85 KB
 master
Top

File metadata and controls

  • Preview
  • Code
  • Blame
28 lines (16 loc) · 1.85 KB

Highlight Path Annotation

Highlight Path annotation highlights connections between a group of items in the hierarchy with distinct line properties. The highlight path annotation supports only one type of highlighting, use the following configuration object properties to style it: highlightLinesColor, highlightLinesWidth, highlightLinesType.

See family diagram and organizational chart partners demos for more use usage scenarios.

JavaScript

PERT - Program evaluation and review technique chart & Critical Path Visualization

PERT chart critical path visualization with Highlight Path Annotation. The chart does not provide any means to find a critical path. It is the developer's responsibility to trace items and visualize critical path with Highlight Path Annotation. The application should sequence the Critical path nodes and set them in the annotation.

JavaScript

Routing Highlight Path Annotation for hidden grandparents connections

The connection lines are hard to trace on the screen visually. They make sense for traditional paper form diagrams visualization when we have no interactivity. But they bring no value for interactive applications, so the main point is to remove redundant connection lines giving no visual value and replace them with dynamic highlight path annotations and custom node templates for compensation.

options.hideGrandParentsConnectors = true;

JavaScript

Footer

© 2026 GitHub, Inc.