/*分时图*/
<ChartContainer
style={{ flex: 1, paddingHorizontal: 10, paddingTop: StyleSheet.hairlineWidth, backgroundColor: Const.bgColor2 }}
data={timelineData.result}
horizontal={this.props.isHorizontal}
statusBarHeight={Const.statusBarHeight}
preClosedPrice={timelineData.lastClosePrice}
totalCount={1321}
xDateTicks={['06:00', '17:00', '04:00']}
chartType={'timeline'}
eventCaptures={['longPress', 'doublePress']}
plotState={plotState}
plotConfig={this._plotConfig}
onLoadMore={() => this._onLoadMore()}
onLongPress={this._onLongPress}
onDoublePress={this._onDoublePress}
>
{...children}
</ChartContainer>
/*五日图*/
<ChartContainer
style={{ flex: 1, paddingHorizontal: 10, paddingTop: StyleSheet.hairlineWidth, backgroundColor: Const.bgColor2 }}
data={fivedayData}
horizontal={this.props.isHorizontal}
statusBarHeight={Const.statusBarHeight}
preClosedPrice={this._lastClosePrice}
totalCount={1321 * 5}
xDateTicks={this._dateStrArray}
chartType={'fiveday'}
dataOffset={this.state.dataOffset}
eventCaptures={['longPress', 'doublePress']}
plotState={plotState}
plotConfig={this._plotConfig}
onLongPress={this._onLongPress}
onDoublePress={this._onDoublePress}
>
{...children}
</ChartContainer>
/*K线图*/
<ChartContainer
style={{ flex: 1, paddingHorizontal: 10, paddingBottom: paddingBottom, paddingTop: StyleSheet.hairlineWidth, backgroundColor: Const.bgColor2 }}
data={klineData}
horizontal={this.props.isHorizontal}
statusBarHeight={Const.statusBarHeight}
chartType={'kline'}
indicators={this.state.indicators}
threshold={60}
domain={domain}
plotState={plotState}
plotConfig={this._plotConfig}
hasMore={hasMore}
onLoadMore={() => this._onLoadMore()}
updateDomain={(chartType, domain) => this._updateDomain(chartType, domain)}
updatePlotState={(plotState) => this._updatePlotState(plotState)}
eventCaptures={['pan', 'press', 'longPress', 'doublePress', 'pinch']}
onLongPress={this._onLongPress}
onPress={this._onPress}
onPan={this._onPan}
onDoublePress={this._onDoublePress}
>
{...children}
</ChartContainer>