A React Environment charts

React Environment Chart

A 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:

View on Github

Thank for Read !!!

#reactjs #javascript