1.0.1-3 • Published 4 years ago

react-native-sumscope-kline v1.0.1-3

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

react-native-sumscope-kline

实现功能

缩略k线图 利率债图表 期货图表

Installation

npm install --save react-native-sumscope-kline

Usage example

import {ShrinkageKLineView,MarketKLineView} from 'react-native-sumscope-kline';

// ShrinkageKLineView
<ShrinkageKLineView
    style={{ width: 200, height: 80 }}
    data={this.state.lineData}   
    kLineWidth={1.0}
    kLineColor={"#880000"}
    addArrData={this.state.addData}
    maxCount={200}
/>

// MarketKLineView 
<MarketKLineView
    style={{ width: 300, height: 180 }}
    data={this.state.lineData}
    kLineWidth={2}
    kLineColor={"#F9C152"}
    maxCount={240}
    addArrData={this.state.addData}
    onLinePointChanged={(e) => {console.log(e)}}
/>

<NationalDKLineView
     style={{ width: width, height: width * 0.5, backgroundColor: '#121A19' }}
     data={this.state.lineData}
     lineType={"NationalDKLineView"}
     kLineColor={"#F9C152"}
/>

ShrinkageKLineView Props

PropTypeOptionalDefaultDescription
dataarrayYes[]初始显示数据
kLineWidthfloatYesk线宽度
kLineColorstringYesk线显示颜色
maxCountnumberYes横向显示刻度总数
addArrDataarrayYes[]增加数据
pointIndexnumberYes虚线点位置

MarketKLineView Props

PropTypeOptionalDefaultDescription
dataarrayYes[]初始显示数据
kLineWidthfloatYesk线宽度
kLineColorstringYesk线显示颜色
maxCountnumberYes横向显示刻度总数
addArrDataarrayYes[]增加数据
onLinePointChangedfuncYes长按k线高亮所在k位置数据回调

NationalDKLineView Props

PropTypeOptionalDefaultDescription
lineTypestringYes图表类型 { NationalDKLineView:债券日k ; NationalTimeKLineView:债券分时 ; NationalDrGcTimeLine:DrGc分时 ; NationalDrGc30DLine :DrGc30日 ; BondTimeKLineView :债券详情-成交分时 ; Bond3MKLineView :债券详情-3M日线 ; Bond3MValKLineView :债券详情-3M估值}
dataarrayYes[]初始显示数据
kLineWidthfloatYesk线宽度
kLineColorstringYesk线显示颜色
maxCountnumberYes横向显示刻度总数
addArrDataarrayYes[]增加数据
onLinePointChangedfuncYes长按k线高亮所在k位置数据回调
pointIndexnumberYes虚线点位置