@forter/chart NPM | npm.io

5.39.0 • Published 4 months ago

Install

Weekly downloads

20

License

Apache-2.0

Repository

Last release

4 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

4 months ago

4 months ago

11 months ago

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year 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

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

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

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

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago