Basic Primitives

Basic Primitives is a 100% JavaScript component library for building general purpose diagrams without manual nodes layout.

  • Increase font size
  • Default font size
  • Decrease font size

Labels cascades over connection lines in family chart

Family chart control provides connection lines labels binding multiple nodes together. In the following example we create cascade of labels from common parent down to its children. If two labels create mutually exclusive bundles the first label wins.

See primitives.famdiagram.LabelAnnotationConfig for details. By default labels display regular text label, but they can be styled the same way as regular items of chart. See templateName option of LabelAnnotationConfig and  defaulLabelAnnotationTemplate of primitives.famdiagram.Config class.

  

 

Comments 

 
#6 Administrator 2018-09-27 09:10
Quoting Dexter Solar:
how to disable the title of the labelAnnotation Config?

If you disable annotation label, why do you need annotation then?
Quote
 
 
#5 Administrator 2016-03-02 09:58
Quoting ajdev:
Is there any demo of this that uses angularjs available? It would be great if you provide such demo of this awesome applicaton.

We have demo directive for orgDiagram only.

The problrm is that directive is supposed to update layout on every binding change notification, so in order to have good rendering performance, you need to understand how directive works and tune it for your need.

So exsesively complex directive sample is not good for reference.

Yes, we miss famDiagram ditective sample.
Quote
 
 
#4 ajdev 2016-03-02 01:25
Is there any demo of this that uses angularjs available? It would be great if you provide such demo of this awesome applicaton.
Quote
 
 
#3 Sergey Belyaev 2015-03-24 07:08
Quoting Administrator:
Quoting Sergey Belyaev:
Hello! How can I manage the appearance order of the child items?
In the example above to make the following order (from left to right):
1) Thomas Williams
2) Brad Williams
3) Mike Kirby
4) David Kirby

Hi Sergey, Use orgDiagram if you need to preserve order of items. See following examples: "Limited Partner Item Type", "Labels" for similar functionality.


As far as I understood orgDiagram does not support multiple parents and cascading labels over common connections. So I'm trying to use famDiagram. The order changing is required to group items and render rectangle shapes over groups. Maybe there is another method for my task?
Quote
 
 
#2 Administrator 2015-03-24 06:48
Quoting Sergey Belyaev:
Hello! How can I manage the appearance order of the child items?
In the example above to make the following order (from left to right):
1) Thomas Williams
2) Brad Williams
3) Mike Kirby
4) David Kirby

Hi Sergey, Use orgDiagram if you need to preserve order of items. See following examples: "Limited Partner Item Type", "Labels" for similar functionality.
Quote
 
 
#1 Sergey Belyaev 2015-03-24 06:39
Hello! How can I manage the appearance order of the child items?
In the example above to make the following order (from left to right):
1) Thomas Williams
2) Brad Williams
3) Mike Kirby
4) David Kirby
Quote
 

Add comment


Do you need?

Diagrams
 

Do you use?

JavaScript Frameworks
 

Do you use?

PDF & Image Export Support