@logo-rn/logo-bubble-chart

is used to represent data and compare the contribution of each value to the whole.

Installation

Install the component:

1npm i @logo-rn/logo-bubble-chart -s

Usage

Once installed, import the component in your application:

1import {LogoBubbleChart} from '@logo-rn/logo-bubble-chart';

1  const dataAccess: BubbleDataAccessProps = {
2    source: "a",
3    dataSet: [
4      {
5          fieldX: 1,
6          fieldY: 2,
7          fieldR: 13,
8      },
9      {
10          fieldX: 2,
11          fieldY: 3,
12          fieldR: 23,
13      }
14    ],
15  };
16  //...
17      <LogoBubbleChart
18        dataAccess={dataAccess}
19      />

For more detailed information, please visit:

Logo Elements Documentation ↗