@forter/chart NPM | npm.io

5.45.0 • Published 8 months ago

Install

Weekly downloads

20

License

Apache-2.0

Repository

Last release

8 months ago

fc-chart

An element by Forter

Usage

<script>
   import '@forter/chart';
</script>

<fc-chart
  config={"xAxisType":"SINGLE_TIME_FIELD","series":[{"seriesType":"LINE","label":"AGGS.APPROVED.LABEL","aggregation":{"key":"APPROVED","filters":{},"dimensions":[{"key":"TRANS_TIME","label":"DIMENSION.TRANS_TIME.LABEL"}],"data":[{"dimensions":["2021/07/02"],"value":10,"formattedValue":10,"aggregationLabel":"Approved Tx"},{"dimensions":["2021/07/05"],"value":11,"formattedValue":11,"aggregationLabel":"Approved Tx"},{"dimensions":["2021/07/11"],"value":10,"formattedValue":10,"aggregationLabel":"Approved Tx"},{"dimensions":["2021/07/18"],"value":12,"formattedValue":12,"aggregationLabel":"Approved Tx"}]}}]}
>
</fc-chart>

Properties

Property	Attribute	Type	Default
`config`	`config`	`{}`	{}
`configHash`	`configHash`	`string`
`currentBuilder`		`any`
`disabled`	`disabled`	`boolean`	false
`isLegendBoxOpen`	`isLegendBoxOpen`	`boolean`	true
`isLegendExpandIndicatorVisible`	`isLegendExpandIndicatorVisible`	`boolean`	true
`isLegendHidden`	`isLegendHidden`	`boolean`	false
`loading`	`loading`	`boolean`	false
`previewMode`	`preview-mode`	`boolean`	false
`type`	`type`	`string`	"line"

CSS Custom Properties

Property	Description
`--fc-chart-disabled-color`	disabled color. example: `gray`

web-components custom-elements lit-element lit-element-2.x

@forter/core chart.js chartjs-adapter-moment chartjs-chart-treemap chartjs-plugin-annotation fds-sankey lodash-es object-hash

@infinitebrahmanuniverse/nolb-_fort @everything-registry/sub-chunk-338 fc-experiment-mom-chart

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

12 months ago

12 months ago

12 months ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago