react-native-chowder
TypeScript icon, indicating that this package has built-in type declarations

1.1.45 • Public • Published

前言

我将工作中自己造的一些轮子,整理成了现在这个仓库

安装

npm i build

yarn add react-native-svg lodash

npm i react-native-chowder

npm发布

 npm Login
 npm version patch
 npm publish 
 

chart

基于react-native-svg 实现的图表,兼容android和ios

GuagePointer

Image text

import {GuageSvg} from 'react-native-chowder';
...
<GuageSvg progress={66} />

KLineBase

Image text

import {KLineBase} from 'react-native-chowder';

<KLineBase data={[
  [
    1634092200000,
    56403.38,
    56429.96,
    56397.52,
    56429.96,
  ],
  [
    1634094000000,
    56409.48,
    56463.28,
    56385.63,
    56463.28,
  ],
  [
    1634095800000,
    56515.48,
    56542.51,
    56466.01,
    56466.01,
  ]]} />

KLinePanResponder

Image text

import {KLineBase} from 'react-native-chowder';
...
//必须在外面套上view,并指定高度
<View style={{ height: 248 }}>
  <KLinePanResponder data={data24H} backPng={require('./src/assets/backGround.png')} />
</View>

PieCircle

import {PieCircle} from 'react-native-chowder';
...
//必须在外面套上view,并指定高度
<PieCircle />

PiePaht

import {PiePaht} from 'react-native-chowder';
...
//必须在外面套上view,并指定高度
<PiePaht  />

参考

探讨npm依赖管理之peerDependencies

Readme

Keywords

Package Sidebar

Install

npm i react-native-chowder

Weekly Downloads

74

Version

1.1.45

License

ISC

Unpacked Size

46.8 kB

Total Files

20

Last publish

Collaborators

  • wjt1992