react-environment-chart v0.1.7

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: