@logo-rn/logo-bubble-chart

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

Installation

Install the component:

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

Usage

Once installed, import the component in your application:

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

  const dataAccess: BubbleDataAccessProps = {
    source: "a",
    dataSet: [
      {
          fieldX: 1,
          fieldY: 2,
          fieldR: 13,
      },
      {
          fieldX: 2,
          fieldY: 3,
          fieldR: 23,
      }
    ],
  };
  //...
      <LogoBubbleChart
        dataAccess={dataAccess}
      />

For more detailed information, please visit:

Logo Elements Documentation ↗