GS1UiShowChart - Gs1TestTeam/GS1_Angular_Prototype GitHub Wiki

GS1UiShowChart:

Display the retrieved data in a chart

Class Diagram:

eps01

Definition of Attributes

Attributes	type	Description
chartTitle	string	Define chart title (e.g: Used DBMS Analysis)
chartStyle	string	Define chart style (e.g: pie, bar, line)
chartSize	Number	Define total chart size (e.g: 40%)

Examples:

Source Code:

<app-gs1-ui-show-chart
    [chartTitle]    = "'GS1 Canada'"
    [chartStyle]    = "'pie'"
    [chartSize]     = "40"
>
</app-gs1-ui-show-chart>

Output:

eps011

Source Code:

<app-gs1-ui-show-chart
    [chartTitle]    = "'GS1 Canada'"
    [chartStyle]    = "'line'" <--- change it to line chart
    [chartSize]     = "40"
>
</app-gs1-ui-show-chart>

Output:

eps012

Source Code:

<app-gs1-ui-show-chart
    [chartTitle]    = "'GS1 Canada Development Team'" <-- change it to GS1 Canada Development Team
    [chartStyle]    = "'bar'" <--- change it to bar chart
    [chartSize]     = "40"
>
</app-gs1-ui-show-chart>

Output:

eps013