Skip to content

arlas-web-components > "components/donut/donut.component" > DonutComponent

Class: DonutComponent

Hierarchy

DonutComponent

Implements

  • OnChanges

Index

Constructors

Properties

Methods


Constructors

constructor

new DonutComponent(viewContainerRef: ViewContainerRef, el: ElementRef, colorService: ArlasColorService): DonutComponent

Defined in components/donut/donut.component.ts:100

Parameters:

Name Type
viewContainerRef ViewContainerRef
el ElementRef
colorService ArlasColorService

Returns: DonutComponent


Properties

colorsSaturationWeight

● colorsSaturationWeight: number = 1 / 2

Defined in components/donut/donut.component.ts:84

input: : Angular

description: Knowing that saturation scale is [0, 1], colorsSaturationWeight is a factor (between 0 and 1) that tightens this scale to [(1-colorsSaturationWeight), 1]. Therefore colors saturation of donuts arcs will be within this tightened scale..


customizedCssClass

● customizedCssClass: any

Defined in components/donut/donut.component.ts:52

input: : Angular

description: Css class name to use to customize a specific powerbar's style.


donut

● donut: AbstractDonut

Defined in components/donut/donut.component.ts:100


donutData

● donutData: TreeNode

Defined in components/donut/donut.component.ts:40

input: : Angular

description: Data tree to plot in the donut.


hoveredNodesEvent

● hoveredNodesEvent: Subject<Map<string, string>> = new Subject>()

Defined in components/donut/donut.component.ts:98

output: : Angular

description: Emits the hovered node and the path to it's parents. The key of the map is the node's name and the value is its color on the donut


id

● id: any

Defined in components/donut/donut.component.ts:70

input: : Angular

description: id of the donut


keysToColors

● keysToColors: Array<[string, string]>

Defined in components/donut/donut.component.ts:76

input: : Angular

description: List of [key, color] couples that associates a hex color to each key


multiselectable

● multiselectable: boolean = true

Defined in components/donut/donut.component.ts:64

input: : Angular

description: Whether the donut is multi-selectable.


opacity

● opacity: number = 0.4

Defined in components/donut/donut.component.ts:46

input: : Angular

description: Sets the opacity of non-hovered or non-selected nodes.


selectedArcsList

● selectedArcsList: Array<Array<SimpleNode>> = new Array>()

Defined in components/donut/donut.component.ts:58

input: : Angular

description: List of selected nodes.


selectedNodesEvent

● selectedNodesEvent: Subject<Array<Array<SimpleNode>>> = new Subject>>()

Defined in components/donut/donut.component.ts:91

output: : Angular

description: Emits the list of selected nodes and the paths to their ultimate parent


Methods

ngOnChanges

ngOnChanges(changes: SimpleChanges): void

Defined in components/donut/donut.component.ts:110

Parameters:

Name Type
changes SimpleChanges

Returns: void


<Static> getDonutJsonSchema

getDonutJsonSchema(): Object

Defined in components/donut/donut.component.ts:134

Returns: Object Json schema of the donut component for configuration