React Environment charts

Using

npm i react-environment-chart --save

import ReactEnvironmentChart from 'react-environment-chart';

Intensity

• height: number, option. specify intensity size; default: 363
• rotate: number, option. arrow value.
• using

  import {Intensity} from 'react-environment-chart';
  
  <Intensity />

• eg:

PM2.5

• height: number, option. specify pm size; default: 373
• value: number. pm2.5 value
• using

  import {PM} from 'react-environment-chart';
  <PM value={20} />

• eg:

Humidity

• height: number, option. specify humidity size; default: 252
• value: number. humidity value
• tips: array. default: ['dry', 'comfort', 'wet']
• using

  import {Humidity} from 'react-environment-chart';
  <Humidity value={20} />

• eg:

Electricity

• height: number, option. specify electricity size; default: 373
• value: number. electricity value
• using

  import {Electricity} from 'react-environment-chart';
  <Electricity value={20} />

• eg:

Tvoc

• height: number, option. specify tvoc size; default: 332
• value: number, option. value is between [0, 1]
• using

  import {Tvoc} from 'react-environment-chart';
  <Tvoc />

• eg:

Temperature

• height: number, option. specify temperature size; default: 556
• tips: array, option. specity left text; default: ['Freezing', 'Cold', 'Cosy', 'Hot']
• value: number, option. temperature vlaue
• using

  import {Temperature} from 'react-environment-chart';
  <Temperature value={0}/>

• eg: