Skip to content

arlas-web-components / Exports / DonutComponent

Class: DonutComponent

Implements

  • OnChanges
  • OnDestroy

Table of contents

Constructors

Properties

Methods

Constructors

constructor

• new DonutComponent(el, colorService, translate)

Parameters

Name Type
el ElementRef<any>
colorService ArlasColorService
translate TranslateService

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:130

Properties

colorsSaturationWeight

• colorsSaturationWeight: number

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..

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:87

containerWidth

• containerWidth: number

Input

: Angular

Description

Width of the svg containing the donut. If it's not set, the container width takes the donut's diameter.

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:99

customizedCssClass

• customizedCssClass: any

Input

: Angular

Description

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

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:55

diameter

• diameter: number

Input

: Angular

Description

Diameter of the donut. If it's not set, the donut take the Max(width,height) of the div containing the svg.

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:93

donut

• donut: AbstractDonut

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:126

donutData

• donutData: TreeNode

Input

: Angular

Description

Data tree to plot in the donut.

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:43

hoveredNodeTooltipEvent

• hoveredNodeTooltipEvent: Subject<ARLASDonutTooltip>

Output

: Angular

Description

Emits the information about the hovered node and its parents.

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:124

hoveredNodesEvent

• hoveredNodesEvent: Subject<Map<string, string>>

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

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:118

id

• id: string

Input

: Angular

Description

id of the donut

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:73

keysToColors

• keysToColors: [string, string][]

Input

: Angular

Description

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

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:79

multiselectable

• multiselectable: boolean = true

Input

: Angular

Description

Whether the donut is multi-selectable.

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:67

opacity

• opacity: number = 0.4

Input

: Angular

Description

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

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:49

selectedArcsList

• selectedArcsList: SimpleNode[][]

Input

: Angular

Description

List of selected nodes.

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:61

selectedNodesEvent

• selectedNodesEvent: Subject<SimpleNode[][]>

Output

: Angular

Description

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

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:111

unit

• unit: string = ''

Input

: Angular

Description

Unit that a node of the donut represents

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:105

Methods

ngOnChanges

▸ ngOnChanges(changes): void

Parameters

Name Type
changes SimpleChanges

Returns

void

Implementation of

OnChanges.ngOnChanges

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:154

ngOnDestroy

▸ ngOnDestroy(): void

Returns

void

Implementation of

OnDestroy.ngOnDestroy

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:149

getDonutJsonSchema

▸ Static getDonutJsonSchema(): Object

Returns

Object

Json schema of the donut component for configuration

Defined in

projects/arlas-components/src/lib/components/donut/donut.component.ts:178